Layout 如何在摄影机视图上定位项目

Layout 如何在摄影机视图上定位项目,layout,flutter,dart,Layout,Flutter,Dart,我想在我的相机上加一个颤振XLider。滑块应控制缩放功能 我想实施: FlutterSlider( values: [300], max: 500, min: 0, axis: Axis.vertical, onDragging: (handlerIndex, lowerValue, upperValue) { _lowerValue = lowerValue; _upperValue = upperValue; setState(() {}); }

我想在我的相机上加一个颤振XLider。滑块应控制缩放功能

我想实施:

FlutterSlider(
  values: [300],
  max: 500,
  min: 0,
axis: Axis.vertical,
  onDragging: (handlerIndex, lowerValue, upperValue) {
    _lowerValue = lowerValue;
    _upperValue = upperValue;
    setState(() {});
  },
)

主体:容器(
边距:边缘组。对称(
水平方向:_?50.0:0.0,
垂直方向:_?50.0:0.0),
//单击灯光时在30和零之间切换
子:列(
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
新ClipRRect(
边界半径:边界半径。圆形(_flaslineton?10.0:0.0),
子:列(
儿童:[
新变换比例(
比例:_scale,//单击+或时要更改比例-
孩子:新的方面(
aspectRatio:cameraController.value.aspectRatio,
儿童:cameraPreview),
)
],
),
),
],
),
),
...
}
如何将颤振滑块放置在右下角,使其在相机上方分层?

请使用此代码

body:Stack(

    fit: StackFit.expand,
    children:<Widget>[ Container(
      margin: EdgeInsets.symmetric(
          horizontal: _flaslightOn ? 50.0 : 0.0,
          vertical: _flaslightOn ? 50.0 : 0.0),
      //switch between 30 and zero when click on light
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          new ClipRRect(
            borderRadius: BorderRadius.circular(_flaslightOn ? 10.0 : 0.0),
            child: Column(
              children: [
                new Transform.scale(
                  scale: _scale, //TODO change scale when click + or -
                  child: new AspectRatio(
                      aspectRatio: cameraController.value.aspectRatio,
                      child: cameraPreview),
                )
              ],
            ),
          ),
        ],
      ),
    ),
    Container(
      alignment: Alignment.bottomRight,
      child: FlutterSlider(
  values: [300],
  max: 500,
  min: 0,
axis: Axis.vertical,
  onDragging: (handlerIndex, lowerValue, upperValue) {
    _lowerValue = lowerValue;
    _upperValue = upperValue;
    setState(() {});
  },
)
    )

    ])
);
}
body:Stack(
fit:StackFit.expand,
儿童:[集装箱(
边距:边缘组。对称(
水平方向:_?50.0:0.0,
垂直方向:_?50.0:0.0),
//单击灯光时在30和零之间切换
子:列(
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
新ClipRRect(
边界半径:边界半径。圆形(_flaslineton?10.0:0.0),
子:列(
儿童:[
新变换比例(
比例:_scale,//单击+或时要更改比例-
孩子:新的方面(
aspectRatio:cameraController.value.aspectRatio,
儿童:cameraPreview),
)
],
),
),
],
),
),
容器(
对齐:对齐。右下角,
孩子:是的(
数值:[300],
最高:500,
分:0,,
轴:轴垂直,
OnDraging:(handlerIndex,下限值,上限值){
_lowerValue=lowerValue;
_upperValue=upperValue;
setState((){});
},
)
)
])
);
}

谢谢

刚刚注意到iphone SE或iphone XS上的摄像头不是全屏的。你知道如何解决这个问题吗?请问一个新的SO问题,让我知道你使用的代码是什么
body:Stack(

    fit: StackFit.expand,
    children:<Widget>[ Container(
      margin: EdgeInsets.symmetric(
          horizontal: _flaslightOn ? 50.0 : 0.0,
          vertical: _flaslightOn ? 50.0 : 0.0),
      //switch between 30 and zero when click on light
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          new ClipRRect(
            borderRadius: BorderRadius.circular(_flaslightOn ? 10.0 : 0.0),
            child: Column(
              children: [
                new Transform.scale(
                  scale: _scale, //TODO change scale when click + or -
                  child: new AspectRatio(
                      aspectRatio: cameraController.value.aspectRatio,
                      child: cameraPreview),
                )
              ],
            ),
          ),
        ],
      ),
    ),
    Container(
      alignment: Alignment.bottomRight,
      child: FlutterSlider(
  values: [300],
  max: 500,
  min: 0,
axis: Axis.vertical,
  onDragging: (handlerIndex, lowerValue, upperValue) {
    _lowerValue = lowerValue;
    _upperValue = upperValue;
    setState(() {});
  },
)
    )

    ])
);
}