Question

我正在编写一个带有导航抽屉的应用程序，每当我尝试从导航抽屉中打开一个活动时，我的班级都会成功加载并为我提供所需的输出，因为我已经编写了从{{ 1}}方法，它允许我第一次从图库中选择图像。但是，当我再次从导航抽屉中单击同一选项卡时，它不会重置此类的状态，因此，当我再次单击导航抽屉中的同一选项卡时，我需要访问图像拾取代码。这是我的代码。

NavigationDrawer类

initState

TextRobo类

  _getDrawerItemWidget(int pos, String title) {



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

          return new TextRobo();
    else
      return new TranslateLangue();

    break;
  case 1:
    return new BarCodeRobo();
  case 2:
    return new TranslateLangue();

  default:
    return new Text("Error");
}
}




return new Scaffold(
appBar: new AppBar(
  iconTheme: new IconThemeData(color: Colors.white),
  title: new Text("App title",
    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('App title', style: new TextStyle(color: Colors.white,
          fontSize:25.0, fontWeight: FontWeight.bold),
          ),
        ),
        ),
        new Column(
            children: drawerOptions)
      ],
    ),

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

Answer 1

您可以采用几种不同的方法来执行此操作。但是首先-您是否遵循this tutorial？它是...。

主要问题是它不是在使用flutter的内置导航机制，而是在更改现有页面。这意味着您不会利用flutter为您带来的许多好处。

关于为什么initState只被调用一次，这很可能是因为flutter为您智能地缓存了小部件。由于即使您创建一个新实例，您的小部件表面上也是“相同”的，所以它不会费心重新构建状态，而是会以性能为名使用现有的状态。

我建议您进行一些重写和重构。

如果您的应用相对简单（例如，您可以使用抽屉在一组页面之间进行切换），则应该执行以下操作：

import 'dart:async';

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  MyAppState createState() {
    return new MyAppState();
  }
}

class MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      initialRoute: pageName(Pages.red),
      routes: {
        pageName(Pages.red): (context) => PageBase(title: pageName(Pages.red), page: ColouredPage(color: Colors.red)),
        pageName(Pages.green): (context) =>
            PageBase(title: pageName(Pages.green), page: ColouredPage(color: Colors.green)),
        pageName(Pages.blue): (context) =>
            PageBase(title: pageName(Pages.blue), page: ColouredPage(color: Colors.blue)),
      },
      // not actually used, needed in case flutter started with intent specifying unsupported route
      home: Container(),
    );
  }
}

enum Pages { red, green, blue }

String pageName(Pages page) {
  switch (page) {
    case Pages.red:
      return "Red";
    case Pages.green:
      return "Green";
    case Pages.blue:
      return "Blue";
  }
}

class PageBase extends StatelessWidget {
  final String title;
  final Widget page;

  const PageBase({Key key, @required this.page, @required this.title}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(title)),
      body: page,
      drawer: Drawer(
        child: ListView(
          children: [
            ListTile(
              title: Text(pageName(Pages.red)),
              onTap: () {
                Navigator.of(context).popAndPushNamed(pageName(Pages.red));
              },
            ),
            ListTile(
              title: Text(pageName(Pages.blue)),
              onTap: () {
                Navigator.of(context).popAndPushNamed(pageName(Pages.blue));
              },
            ),
            ListTile(
              title: Text(pageName(Pages.green)),
              onTap: () {
                Navigator.of(context).popAndPushNamed(pageName(Pages.green));
              },
            )
          ],
        ),
      ),
    );
  }
}

class ColouredPage extends StatefulWidget {
  final Color color;

  const ColouredPage({Key key, this.color}) : super(key: key);

  @override
  _ColouredPageState createState() => _ColouredPageState();
}

class _ColouredPageState extends State<ColouredPage> {
  Color color;

  @override
  void initState() {
    super.initState();
    color = Colors.white;
    new Timer(Duration(seconds: 2), () {
      setState(() {
        color = widget.color;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      color: color,
    );
  }
}

如果将页面推到现有页面之一的顶部，然后最终返回，则可以将Navigator.push()与处理程序一起使用，以获取返回时间，然后重新触发函数。

如何从导航抽屉抖动中重置任何类的状态？

1 个答案: