Flutter

Question

我有一个如下所示的 PageView 小部件：

Widget buildPageView() {
    return PageView(
      controller: pageController,

      onPageChanged: (index) {
        pageChanged(index);
      },

      children: <Widget>[
        AddPropertyDescription(pageController: pageController,),
        AddPropertyMedia(pageController: pageController),
        AddPropertyLocation(pageController: pageController),
        AddPropertyDetails(pageController: pageController),
        AddPropertyAmenities(pageController: pageController)
      ],
    );
  }

我的 PageView 中有五个页面作为 Widget，现在我想在页面更改时将数据从一个页面传递到另一个页面直到最后一页......

我在每个页面中都使用了 Next 按钮，在下一个按钮 onTap() 中，我只是增加页码以滑动到下一页，如下所示

 onTap: () async{
                  pageController.animateToPage(
                    1,
                    duration: Duration(milliseconds: 300),
                    curve: Curves.linear,
                  );
              },

当按下一个按钮进入下一个屏幕时，我想携带数据并将其传递到下一个页面。

这里有没有人在 flutter 中遇到过同样的问题......

请指导我如何实现这一目标......

Answer 1

Page widget可以获取数据，还有传数据的回调，我解释一下。

buildPageView 应该向小部件传递额外的参数：


int data = 0;

void onDataChange(int newData) {
  setState(() => data = newData);
}

Widget buildPageView() {
    return PageView(
      controller: pageController,

      onPageChanged: (index) {
        pageChanged(index);
      },

      children: <Widget>[
        AddPropertyDescription(pageController: pageController, data: data, onDataChange: onDataChange),
        AddPropertyMedia(pageController: pageController, data: data, onDataChange: onDataChange),
        AddPropertyLocation(pageController: pageController, data: data, onDataChange: onDataChange),
        AddPropertyDetails(pageController: pageController, data: data, onDataChange: onDataChange),
        AddPropertyAmenities(pageController: pageController, data: data, onDataChange: onDataChange)
      ],
    );
  }

而小部件本身应该除了参数：

class MyWidget extends StatelessWidget {
  const MyWidget({
    @required this.data,
    @required this.onDataChange,
    Key key,
  }) : super(key: key);

  final int data;
  final Function(int) onDataChange;

  @override
  Widget build(BuildContext context) {
    return FlatButton(
      onPressed: () => onDataChange(data + 1),
      child: Text(data.toString()),
    );
  }
}

Flutter - 如何在 PageView Widget 中的页面之间传递数据？

Flutter - How to pass data between pages in PageView Widget?

dart

flutter-pageview