当我在iOS设备中使用image_picker和image_crop库时，状态的build（）方法会被调用

Question

我正在使用这两个库来从画廊或相机（image_picker和image_cropper）中挑选和裁剪图像，当我从库中选择图像并想要执行进一步操作时，自动调用build方法并更改我的代码流。

在Android设备中，此代码工作正常，build方法只调用一次，但在iOS设备中，当我从库中选择图像并在裁剪此图像后调用build。

在iOS设备中，当设备的照片库打开时，调用build方法，当调用crop时，再次调用build方法的Drawer类。

此问题仅在Drawer中发生，如果我将我的TextRobo类称为Navigator.of(context).pushReplacementNamed('/textRobo');，那么这样可以正常工作。

抽屉类

_getDrawerItemWidget(int pos, String title) {


  switch (pos) {
    case 0:
      if(title.contains("From Gallery"))

        return new TextRobo();
      if(title.contains("From Camera"))
        return new TextRoboCamera();
      else if(widget.fragment_class.contains("Translate"))
        return new TranslateLangue(widget.textToTranslate);
      else
        return new TranslateLangue("");


      break;

    case 1:

      if(title.contains("From Gallery"))
        return new BarCodeRobo();
      else
        return new BarCodeQuick();

      break;
    case 2:
      return new TranslateLangue("");

  //default:
  //return new TranslateLangue("");
  }


}

@override
Widget build(BuildContext context) {

print('Building widget');


return new Scaffold(

appBar: new AppBar(
  iconTheme: new IconThemeData(color: Colors.white),
  title: new Text("RoboScan",
    style: new TextStyle(color: Colors.white),),
),

  drawer: new Drawer(
    child: new ListView(
      children: <Widget>[
        new Container( height: 140.0, color: Colors.orange,
        child: new Center(child:
          new Text('RoboScan', style: new TextStyle(color: Colors.white,
          fontSize:25.0, fontWeight: FontWeight.bold),
          ),
        ),
        ),
        new Column(
            children: drawerOptions)
      ],
    ),

  ),
  body: _getDrawerItemWidget(_selectedDrawerIndex, widget.fragment_class  ),
);
}

图像选择器和裁剪类（TextRobo）

 File _imageFile;
 List<VisionText> _currentTextLabels = <VisionText>[];
 FirebaseVisionTextDetector textDetector = 
 FirebaseVisionTextDetector.instance;


 @override
 void initState() {
 // TODO: implement initState
//scanImage();
 super.initState();

 _getAndScanImage();

 }


Future<void> _getAndScanImage() async {
setState(() {
  _imageFile = null;
 // _imageSize = null;
});

 final File imageFile =
 await ImagePicker.pickImage(source: ImageSource.gallery);


 _cropImage(imageFile);

}

Answer 1

小部件的build方法是经常调用的。我建议你重新构造一些东西，以便按照Flutter框架的要求调用你的构建方法。

注意：最好将“状态”尽可能地推向树下（朝向叶子小部件），以便最小化由于状态更改而导致的窗口小部件重建的影响。

在您的情况下，您可能需要考虑从_getAndScanImage()方法中删除initState。让渲染流影响您的交互并不是一个好的模式。

你能尝试通过按下按钮或其他一些用户触发动作而不是_getAndScanImage()中的渲染生命周期触发initState方法吗？