flutter如何傳遞值到任意widget

這篇文章主要介紹flutter如何傳遞值到任意widget，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

如果我們有這樣一個應用場景：

WidgetA執行點擊之后將數據通過widgetB傳遞到其下的widgetC。

通常可以通過設置構造函數，傳遞對應參數到制定的widget樹中，如下面代碼所描述：

表示需要將widgetA中的點擊改變內容傳遞到widgetB中的widgetC中展示；

需要通過設置widgetB的構造函數，接收對應參數，再傳遞給widgetC展示；

class Inheritedwidget extends StatefulWidget {
 @override
 _InheritedWidgetState createState() => _InheritedWidgetState();
}
class _InheritedWidgetState extends State<Inheritedwidget> {
 int count=0;
 @override
 void initState() {
  // TODO: implement initState
  super.initState();
 }
 @override
 Widget build(BuildContext context) {
  print(count);
  return Scaffold(
   appBar: AppBar(title: Text("inherited widget"),),body: Container(
   child: Center(
    child: Column(
     children: <Widget>[
      Text("class0"),
      class1(count),
     ],
    ),
   ),
  ),
   floatingActionButton: FloatingActionButton(onPressed: (){
    return addCount();
   },child: Text("add"),),
  );
 }
 void addCount() {
  setState(() {
   count=1+count;
  });
 }
}

WidgetB：

class class1 extends StatelessWidget {
 int count;
 class1(this.count);
 @override
 Widget build(BuildContext context) {
  return Container(
   child: Column(
     children: <Widget>[
      Text("class1"),
      class2(count),
     ],
   ),
  );
 }
}

widgetC：

class class2 extends StatelessWidget {
 int count;
 class2(this.count);

 @override
 Widget build(BuildContext context) {
  return Container(
   child: Center(
    child: Text("$count"),
   ),
  );
 }
}

以上方法當然可以實現需要的效果，但是當有多層的widget嵌套關系的時候代碼閱讀性降低，可以通過以下方法傳遞值到指定的widget中；

通過類似于Android中的contentProvider提供一個中間類，將需要傳遞的數據通過中間類傳遞到制定的widget中。

中間類：

//countProvider類 提供count屬性和child屬性 用于與原widget相關聯，
class CountProvider extends InheritedWidget{
 final int count;
 final Widget child;
 //構造方法
 CountProvider({this.count, this.child}):super(child:child);
 //提供方法獲取到countprovider類對象
static CountProvider of(BuildContext context){
 return context.inheritFromWidgetOfExactType(CountProvider);
}
 @override
 bool updateShouldNotify(InheritedWidget oldWidget) {
  // TODO: implement updateShouldNotify
  return false;
 }
}

通過counterprovider包裹需要展示的widget并傳入需要改變的值；

class Inheritedwidget extends StatefulWidget {
 @override
 _InheritedWidgetState createState() => _InheritedWidgetState();
}
class _InheritedWidgetState extends State<Inheritedwidget> {
 int count=0;
 @override
 Widget build(BuildContext context) {
  print(count);
  return CountProvider(
   count:count,
   child: Scaffold(
    backgroundColor: Colors.blue,
    appBar: AppBar(title: Text("inherited widget"),),body: Container(
    child: Center(
     child: Column(
      children: <Widget>[
       Text("class0"),
       class1(),
      ],
     ),
    ),
   ),
    floatingActionButton: FloatingActionButton(onPressed: (){
     return addCount();
    },child: Text("add"),),
   ),
  );
 }
 void addCount() {
  setState(() {
   count=1+count;
  });
 }
}

使用中間類提供的數據執行更新對應widget。

class class2 extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
  int count = CountProvider.of(context).count;
  return Container(
   child: Center(
    child: Text("$count"),
   ),
  );
 }
}

通過以上方法即可在不同widget中傳遞需要改變的值。

以上是“flutter如何傳遞值到任意widget”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！