Question

我是Flutter和Dart的初学者。所以，我试图更新父控件的状态，但在尝试许多不同的解决方案没有为我工作后，说实话，还是我做错了什么？

我想做的是在_Books（）类中的页面更改时更新_BooksState（）中的 _title 。

我如何从子集_title状态（_Books（））小部件？

class Books extends StatefulWidget {
  @override
  _BooksState createState() {
    return _BooksState();
  }
}

class _BooksState extends State<Books> {
  String _title = 'Books';

  _setTitle(String newTitle) {
    setState(() {
      _title = newTitle;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(_title),
      ),
      body: _Books(),
    );
  }
}

class _Books extends StatelessWidget {
  final PageController _controller = PageController();
  final Stream<QuerySnapshot> _stream =
      Firestore.instance.collection('Books').orderBy('title').snapshots();

  _setAppBarTitle(String newTitle) {
    print(newTitle);
    // how do I set _title from here?
  }

  @override
  Widget build(BuildContext context) {
    return StreamBuilder<QuerySnapshot>(
      stream: _stream,
      builder: (BuildContext context, AsyncSnapshot<QuerySnapshot> snapshot) {
        final books = snapshot.data.documents;
        switch (snapshot.connectionState) {
          case ConnectionState.waiting:
            return Center(child: CircularProgressIndicator());
          default:
            return PageView.builder(
              controller: _controller,
              scrollDirection: Axis.horizontal,
              itemCount: books.length,
              itemBuilder: (context, index) {
                final book = books[index];
                return ListTile(
                  title: Text(book['title']),
                  subtitle: Text(book['author']),
                );
              },
              onPageChanged: (index) {
                _setAppBarTitle(books[index].data['title']);
              },
            );
        }
      },
    );
  }
}

Answer 1

换句话说，让我重复您的问题：您想在发生某些情况时（不在小部件的同一类内）设置小部件状态（或刷新页面，或将变量“绑定”更改为小部件）。 / p>

这是扑朔迷离的所有新手（包括我）的常见问题，称为状态管理。

当然，您始终可以将所有内容都放入相同的dart文件甚至同一类中，但是对于大型应用程序我们不这样做。

为了解决这个问题，我创建了2个示例：

https://github.com/lhcdims/statemanage01

此示例使用计时器检查窗口小部件内的某些内容是否已更改，如果已更改，请设置窗口小部件所属的页面。

尝试查看main.dart中的funTimerDefault（）函数

好的，这是我的第一次尝试，不是一个好的解决方案。

https://github.cim/lhcdims/statemanagent02

此示例的输出与1相同，但是使用Redux代替setState。迟早您会发现setstate不适用于所有情况（例如您的情况！），您将使用Redux或BLoC。

阅读示例中的自述文件，构建并运行它们，然后便可以在任何时候（任何地方）（刷新）任何窗口小部件（或更改绑定到窗口小部件的变量）。（即使该应用被推送到后台，您也可以在示例中进行尝试）

Answer 2

您可以做的是将pdfReactorClient .post() .uri(pdfReactorUrl + PDF_REACTOR_URL_SUFFIX) .accept(MediaType.APPLICATION_PDF)类移到_Books类中。而且，除了将_BooksState用作类之外，您还可以在_Books类中将其用作Widget，以便可以在{{内访问_BooksState的{{1}}方法1}}创建。

我是这样做的，即使我是Flutter和Dart的新手……即使在进行API调用之后，这在每种情况下都对我有用。我可以使用setState并进行设置来自API的响应。

示例：

StatefulWidget

Flutter：从子窗口小部件设置父窗口小部件状态

2 个答案: