Flutter入门-数据传递

已于 2023-08-23 16:40:50 修改
阅读量2.3k 收藏 1
点赞数 1
分类专栏： Flutter入门系列 文章标签： flutter android
于 2022-11-03 18:14:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lepaitianshi/article/details/127647621
版权

在android开发中，实现数据传递的方式有以下几种：1、intent携带参数；2、构造方法；3、Sharepreference本地保存；4、数据库保存；5、全局单例保存；6、EventBus；7、广播

在Flutter开发中，同样提供了相对应的方式：
1、Navigator页面切换的arguments属性
2、构造方法属性传值
3、Sharepreference本地保存
4、数据库保存
5、全局单例保存
6、EventBus
同时Flutter还提供了InheritedWidget和Notification

一、Navigator的arguments属性

1、动态路由传参

push<T extends Object?>(BuildContext context, Route<T> route)

对于android设备，通常使用MaterialPageRoute

 MaterialPageRoute({
    required this.builder,
    super.settings,
    this.maintainState = true,
    super.fullscreenDialog,
  })

参数builder

typedef WidgetBuilder = Widget Function(BuildContext context);

builder是一个参数为BuildContext类型，返回值为widget的匿名函数。

参数settings

@immutable
class RouteSettings {
  /// Creates data used to construct routes.
  const RouteSettings({
    this.name,
    this.arguments,
  });

  /// Creates a copy of this route settings object with the given fields
  /// replaced with the new values.
  RouteSettings copyWith({
    String? name,
    Object? arguments,
  }) {
    return RouteSettings(
      name: name ?? this.name,
      arguments: arguments ?? this.arguments,
    );
  }

  /// The name of the route (e.g., "/settings").
  ///
  /// If null, the route is anonymous.
  final String? name;

  /// The arguments passed to this route.
  ///
  /// May be used when building the route, e.g. in [Navigator.onGenerateRoute].
  final Object? arguments;

  @override
  String toString() => '${objectRuntimeType(this, 'RouteSettings')}("$name", $arguments)';
}

参数settings是RouteSettings类，该类包含两个属性，name属性，为该路由的名字；属性arguments的类型是object,说明可以是任意类型的数据。

自定义的参数类

class Arguments {
  String _name = "";
  int _age = 0;

  String get name => _name;

  set name(String value) {
    _name = value;
  }

  int get age => _age;

  set age(int value) {
    _age = value;
  }

  @override
  String toString() {
    return 'Arguments{_name: $_name, _age: $_age}';
  }
}


                Arguments arguments = Arguments();
                arguments.name = "我是从上个页面传的";
                arguments.age = 18;

                Navigator.push(context,MaterialPageRoute(
                            builder: (context) => SecondPage(),
                            settings: RouteSettings(name: 'second', arguments: arguments)))

命名路由传参

函数原型

pushNamed<T extends Object?>(
    BuildContext context,
    String routeName, {
    Object? arguments,
  })

context:上下文环境
routeName：路由名称
arguments：参数（可选）

 Arguments arguments = Arguments();
 arguments.name = "我是从上个页面传的";
 arguments.age = 18;
 Navigator.pushNamed(context, "second", arguments: arguments);

二、构造方法传参

import 'package:flutter/material.dart';
import 'package:flutter_hello/arguments.dart';

class ConstructHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: GestureDetector(
          child: Text('跳转下一页'),
          onTap: () {
            Arguments arguments = Arguments();
            arguments.name = "我是来源于首页";
            Navigator.push(
                context,
                MaterialPageRoute(
                    builder: (BuildContext context) =>
                        ConstructSecondPage(arguments)));
          },
        ),
      ),
    );
  }
}

class ConstructSecondPage extends StatelessWidget {
  Arguments arguments;

  ConstructSecondPage(this.arguments);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Text('${arguments.name}'),
        ),
      ),
    );
  }
}

Navigator使用抛出的异常：

Navigator operation requested with a context that does not include a Navigator.

解决方案：
如上面demo,MaterialApp的home指向的widget使用StatelessWidget或者StatefulWidget包一层即可

三、SharedPreferences

添加相关依赖

dependencies:
  shared_preferences: ^2.0.15

使用

import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';

class MySharedPreference extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: SharedPreferenceHome(),
    );
  }
}

class SharedPreferenceHome extends StatelessWidget {
  void setString(String key, String value) async {
    var sp = await SharedPreferences.getInstance();
    sp.setString(key, value);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: GestureDetector(
          child: Text('下一个页面'),
          onTap: () {
            setString('arguments', '我是SharedPreferences传值');
            Navigator.push(
                context,
                MaterialPageRoute(
                    builder: (context) => SharedPreferenceSecond()));
          },
        ),
      ),
    );
  }
}

class SharedPreferenceSecond extends StatefulWidget {
  @override
  State<SharedPreferenceSecond> createState() => _SharedPreferenceSecondState();
}

class _SharedPreferenceSecondState extends State<SharedPreferenceSecond> {
  String arguments = "";

  void getString(String key, [String defaultValue = '']) async {
    SharedPreferences sp = await SharedPreferences.getInstance();
    arguments=sp.getString(key) ?? defaultValue;
    setState(() {
      
    });
  }

  @override
  void initState() {
    super.initState();
    getString('arguments');
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Text('${arguments}'),
        ),
      ),
    );
  }
}

SharedPreferences的所有操作都是异步的，所以需要进一步包装。

四、数据库(sqflite)

1、添加依赖

dependencies:
  sqflite: ^2.2.0+3

2、自定义DataBase帮助类


class SQLHelper {

  static Future<Database> getDb() async {
    // Get a location using getDatabasesPath
    var databasesPath = await getDatabasesPath();
    String path = join(databasesPath, 'hello.db');

    // open the database
    Database database = await openDatabase(path, version: 1,
        onCreate: (Database db, int version) async {
      // When creating the db, create the table
      await db.execute(
          'CREATE TABLE IF NOT EXISTS People (id INTEGER PRIMARY KEY, name TEXT, age INTEGER, num INTEGER)');
    });
    return database;
  }
}

3、自定义类

///自定义people类
class People {
  String _name="";
  int _age=0;
  int _num=0;

  People();

  String get name => _name;

  set name(String value) {
    _name = value;
  }

  int get age => _age;

  set age(int value) {
    _age = value;
  }

  int get num => _num;

  set num(int value) {
    _num = value;
  }

  People.fromJson(Map<String, dynamic> peopleJson) {
    _name = peopleJson['name'];
    _age = peopleJson['age'];
    _num = peopleJson['num'];
  }

  Map<String, dynamic> toJson() {
    return {"name": _name, "age": _age, "num": _num};
  }
}

4、实现插入类到数据库

void insertPeople(People people) async {
    final Database db = await SQLHelper.getDb();
    db.insert('People', people.toJson());
  }

5、实现查询数据库

Future<People?> getPeople() async {
    final Database db = await SQLHelper.getDb();
    List<Map<String, dynamic>> list =
        await db.query('People', columns: ['name', 'age', 'num']);
    if (list != null && list.length > 0) {
      return People.fromJson(list.first);
    }
    return null;
  }

完整的dart文件

import 'package:flutter/material.dart';
import 'package:sqflite/sqflite.dart';
import 'package:path/path.dart';

class SQLHelper {

  static Future<Database> getDb() async {
    // Get a location using getDatabasesPath
    var databasesPath = await getDatabasesPath();
    String path = join(databasesPath, 'hello.db');

    // open the database
    Database database = await openDatabase(path, version: 1,
        onCreate: (Database db, int version) async {
      // When creating the db, create the table
      await db.execute(
          'CREATE TABLE IF NOT EXISTS People (id INTEGER PRIMARY KEY, name TEXT, age INTEGER, num INTEGER)');
    });
    return database;
  }
}

///自定义people类
class People {
  String _name="";
  int _age=0;
  int _num=0;

  People();

  String get name => _name;

  set name(String value) {
    _name = value;
  }

  int get age => _age;

  set age(int value) {
    _age = value;
  }

  int get num => _num;

  set num(int value) {
    _num = value;
  }

  People.fromJson(Map<String, dynamic> peopleJson) {
    _name = peopleJson['name'];
    _age = peopleJson['age'];
    _num = peopleJson['num'];
  }

  Map<String, dynamic> toJson() {
    return {"name": _name, "age": _age, "num": _num};
  }
}

///首页
class MySqfliteHome extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MySqfliteHomePage(),
    );
  }
}

class MySqfliteHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: GestureDetector(
          child: Text('下一页'),
          onTap: () {
            People people = new People();
            people.name = 'Hello';
            people.age = 18;
            people.num = 2022;
            insertPeople(people);
            Navigator.push(context,
                MaterialPageRoute(builder: (context) => MySqfliteSecondPage()));
          },
        ),
      ),
    );
  }

  void insertPeople(People people) async {
    final Database db = await SQLHelper.getDb();
    db.insert('People', people.toJson());
  }
}

///第二页页面
class MySqfliteSecondPage extends StatefulWidget {
  @override
  State<MySqfliteSecondPage> createState() => _MySqfliteSecondPageState();
}

class _MySqfliteSecondPageState extends State<MySqfliteSecondPage> {
  People people = People();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Column(
            children: [
              Text('姓名：${people.name}'),
              Text('年龄：${people.age}'),
              Text('编号：${people.num}')
            ],
          ),
        ),
      ),
    );
  }

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
      // getPeople().then((value) {
      //   people = value!;
      //   setState(() {});
      // });
      initData();
    });
  }

  void initData() async {
    people = (await getPeople())!;
    setState(() {});
  }

  Future<People?> getPeople() async {
    final Database db = await SQLHelper.getDb();
    List<Map<String, dynamic>> list =
        await db.query('People', columns: ['name', 'age', 'num']);
    if (list != null && list.length > 0) {
      return People.fromJson(list.first);
    }
    return null;
  }
}

五、全局单例实现(多用于不需要保存到本地的全局属性)

1、单例的定义

class GlobalSingleInstance {
  ///单例写法1
  // GlobalSingleInstance._internal();
  //
  // factory GlobalSingleInstance() => _instance;
  //
  // static late final GlobalSingleInstance _instance = GlobalSingleInstance._internal();

  ///单例写法2
  factory GlobalSingleInstance() => _getShared();

  static GlobalSingleInstance get _instance => _getShared();
  static GlobalSingleInstance? instance;

  GlobalSingleInstance._internal() {
    // 初始化
  }

  static GlobalSingleInstance _getShared() {
    instance ??= GlobalSingleInstance._internal();
    return instance!;
  }

  int _gloableNum = 0;
  int get gloableNum => _gloableNum;

  set gloableNum(int value) {
    _gloableNum = value;
  }
}

2、单例多页面调用

import 'package:flutter/material.dart';

class GlobalSingleInstance {
  ///单例写法1
  // GlobalSingleInstance._internal();
  //
  // factory GlobalSingleInstance() => _instance;
  //
  // static late final GlobalSingleInstance _instance = GlobalSingleInstance._internal();

  ///单例写法2
  factory GlobalSingleInstance() => _getShared();

  static GlobalSingleInstance get _instance => _getShared();
  static GlobalSingleInstance? instance;

  GlobalSingleInstance._internal() {
    // 初始化
  }

  static GlobalSingleInstance _getShared() {
    instance ??= GlobalSingleInstance._internal();
    return instance!;
  }

  int _gloableNum = 0;
  int get gloableNum => _gloableNum;

  set gloableNum(int value) {
    _gloableNum = value;
  }
}

class GloableSingleInstance extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: GloableSingleInstanceHome(),
    );
  }
}

class GloableSingleInstanceHome extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: GestureDetector(
          child: Text('下一页'),
          onTap: () {
            GlobalSingleInstance._instance.gloableNum = 20;
            Navigator.push(
                context,
                MaterialPageRoute(
                    builder: (context) => GloableSingleInstanceSecond()));
          },
        ),
      ),
    );
  }
}

class GloableSingleInstanceSecond extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Text('当前数据：${GlobalSingleInstance._instance.gloableNum}'),
      ),
    );
  }
}

六、EventBus实现

EventBus是基于事件总线，采用订阅-观察者模式，可以订阅指定的‘事件’，也可以订阅所有‘事件’

1、添加依赖

dependencies:
     event_bus: ^2.0.0

2、定义监听的对象

class CustomEvent {
  String msg;

  CustomEvent(this.msg);
}

3、订阅监听

@override
  void initState() {
    super.initState();
    subscription = eventBus.on<CustomEvent>().listen((event) {
      setState(() {
        _msg = event.msg;
      });
    });
  }

4、取消订阅监听

@override
  void dispose() {
    subscription.cancel();
    super.dispose();
  }

5、发布消息

eventBus.fire(CustomEvent('总线发射${Random().nextInt(100)}'));

完整代码

import 'dart:async';
import 'dart:math';

import 'package:event_bus/event_bus.dart';
import 'package:flutter/material.dart';

EventBus eventBus = EventBus();

class ShareDataWithEventBus extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyFirstPage(),
    );
  }
}

class CustomEvent {
  String msg;

  CustomEvent(this.msg);
}

class MyFirstPage extends StatefulWidget {
  @override
  State<MyFirstPage> createState() => _MyFirstPageState();
}

class _MyFirstPageState extends State<MyFirstPage> {
  late StreamSubscription<CustomEvent> subscription;
  String _msg="";

  @override
  void initState() {
    super.initState();
    subscription = eventBus.on<CustomEvent>().listen((event) {
      setState(() {
        _msg = event.msg;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text(
          '$_msg',
          style: TextStyle(color: Colors.blue, fontSize: 20),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          Navigator.push(
              context,
              MaterialPageRoute(
                  builder: (BuildContext context) => MySecondPage()));
        },
      ),
    );
  }

  @override
  void dispose() {
    subscription.cancel();
    super.dispose();
  }
}

class MySecondPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('使用Event bus'),
          centerTitle: true,
          leading: BackButton(
            onPressed: () {
              Navigator.pop(context);
              eventBus.fire(CustomEvent('总线发射${Random().nextInt(100)}'));
            },
          ),
        ),
        body: Text('我是第二个页面'),
      ),
    );
  }
}

七、基于InheritedWidget

InheritedWidget可以实现数据从父控件传递到子控件。

1、继承InheritedWidget

class CountContainer extends InheritedWidget {
  final int count;

  CountContainer({
    required this.count,
    required Widget child}): super(child: child);

  @override
  bool updateShouldNotify(CountContainer oldWidget) => count != oldWidget.count;

  static CountContainer? of(BuildContext context) =>context.dependOnInheritedWidgetOfExactType();
}

2、应用

class WidgetParentToChild extends StatefulWidget {
  @override
  State<WidgetParentToChild> createState() => _WidgetParentToChildState();
}

class _WidgetParentToChildState extends State<WidgetParentToChild> {
  int _count=0;

  void _incrementCounter(){
    _count=Random().nextInt(100);
    setState(() {});
  }
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        floatingActionButton: FloatingActionButton(
          onPressed: (){
            _incrementCounter();
          },
        ),
        body: Center(
          child: CountContainer(
            count: _count,
            child: CountContainerChild(),
          ),
        ),
      ),
    );
  }
}

完整代码

import 'dart:math';

import 'package:flutter/material.dart';

class WidgetParentToChild extends StatefulWidget {
  @override
  State<WidgetParentToChild> createState() => _WidgetParentToChildState();
}

class _WidgetParentToChildState extends State<WidgetParentToChild> {
  int _count=0;

  void _incrementCounter(){
    _count=Random().nextInt(100);
    setState(() {});
  }
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        floatingActionButton: FloatingActionButton(
          onPressed: (){
            _incrementCounter();
          },
        ),
        body: Center(
          child: CountContainer(
            count: _count,
            child: CountContainerChild(),
          ),
        ),
      ),
    );
  }
}

class CountContainer extends InheritedWidget {
  final int count;

  CountContainer({
    required this.count,
    required Widget child}): super(child: child);

  @override
  bool updateShouldNotify(CountContainer oldWidget) => count != oldWidget.count;

  static CountContainer? of(BuildContext context) =>context.dependOnInheritedWidgetOfExactType();
}
class CountContainerChild extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
       final int number=CountContainer.of(context)!.count;
       return Text("$number", style: TextStyle(color: Colors.amber, fontSize: 40));
  }
}

八、基于Notification

Notification可以实现数据由子控件传递到父控件

1、继承Notification

class CustomNotification extends Notification {
  final String msg;

  CustomNotification(this.msg);
}

2、NotificationListener监听

class ShareDataFromChildToParent extends StatefulWidget {
  @override
  State<ShareDataFromChildToParent> createState() =>
      _ShareDataFromChildToParentState();
}

class _ShareDataFromChildToParentState extends State<ShareDataFromChildToParent> {
  String _msg = "";

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: NotificationListener<CustomNotification>(
          child: Center(
            child: Column(
              children: [
                ShareDataChild(),
                Text(
                  '$_msg',
                  style: TextStyle(color: Colors.black, fontSize: 20),
                ),
              ],
            ),
          ),
          onNotification: (notification) {
            setState(() {
              _msg = notification.msg;
              print(_msg);
            });
            return false;
          },
        ),
      ),
    );
  }
}

3、使用dispatch发送数据

 onPressed: () => CustomNotification('Hi,I`am from child')
            .dispatch(context)

4、完整代码

import 'package:flutter/material.dart';

/**
 * 使用Notification
 */
class ShareDataFromChildToParent extends StatefulWidget {
  @override
  State<ShareDataFromChildToParent> createState() =>
      _ShareDataFromChildToParentState();
}

class _ShareDataFromChildToParentState extends State<ShareDataFromChildToParent> {
  String _msg = "";

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: NotificationListener<CustomNotification>(
          child: Center(
            child: Column(
              children: [
                ShareDataChild(),
                Text(
                  '$_msg',
                  style: TextStyle(color: Colors.black, fontSize: 20),
                ),
              ],
            ),
          ),
          onNotification: (notification) {
            setState(() {
              _msg = notification.msg;
              print(_msg);
            });
            return false;
          },
        ),
      ),
    );
  }
}

class CustomNotification extends Notification {
  final String msg;

  CustomNotification(this.msg);
}

class ShareDataChild extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return Center(
      child: MaterialButton(
        onPressed: () => CustomNotification('Hi,I`am from child')
            .dispatch(context),
        child: Text('发送消息'),
      ),
    );
  }

}
余生爱静
关注
专栏目录
flutter 参数函数_Flutter参数的传递和接收
weixin_39967120的博客
12-20 2226
上次只写了方法和参数，这次写了完整的示例，页面间参数的传递和接收的示例。1、参数传递用在程序上解释就是比如你进入一个商品选择列表，当你想选择一个商品的具体信息的时候，你就要传递商品编号，详细页面接受到编号后，显示出不同的内容。声明数据结构类Dart中可以使用类来抽象一个数据，比如我们模仿一个商品信息，有商品标题和商品描述。我们定义了一个Product类，里边有两个字符型变量，title和descr...
Flutter学习笔记7 (数据传递)
Unplugged
08-02 3655
之前学习了Widget, Layout,网络异步。 今天了解一下Flutter app里UI之间的数据是如何传递的。 第一种方法最简单，就是简单的app，简单的页面导航，可以直接通过构造函数。 比如有两个页面，从Master Page到Detail Page，数据是一个变量title。 可以把Detail页面的构造函数中增加title这个参数，在从Master路由到Detail时直接赋值即...
flutter 组件传参
weixin_43294560的博客
09-08 3206
通过类的构造函数来传递参数 代码示例: import 'package:flutter/material.dart'; import 'test.dart'; void main() => runApp(MyApp()); class MyApp extends StatefulWidget { MyApp({Key key}) : super(key: key); @override _MyAppState createState() => _MyAppState(); }
Flutter 页面跳转和传值的实现
最新发布
chinaherolts2008的博客
07-21 64
每当你跳转到一个新页面时，Navigator 会将新页面的 Route 压栈（push），当你返回到之前的页面时，它会将当前页面的 Route 出栈（pop）。在 Android 上，它通常是一个从屏幕底部向上滑入的动画，而在 iOS 上，它通常是一个从屏幕右侧滑入的动画。命名路由是一种用于管理页面导航的技术，它允许你为每个页面分配一个唯一的名称，并通过这些名称在应用程序中进行页面之间的导航。routes 是一个 Map，它的键是字符串（路由的名称），而值是对应的构造器函数，返回相应的页面 Widget。
Flutter入门-与原生数据传递
知识共享，你我皆是知识的搬运工
11-07 2228
Flutter消息通道
Flutter中路由传值方式
我叫柱子哥
10-11 1689
这篇文章主要介绍Flutter路由传值的方式。
Flutter路由管理和页面参数的传递（获取&返回）
热门推荐
stven_king的专栏
07-20 1万+
前言 在做 Flutter 开发的时候所有的页面以及页面上的元素都变成了 Widget ，创建一个页面或者视图直接 new 一个新的 widget 就可以，相关的参数我们可以直接通过构造函数直接传递。 我们做 Android 开发的人员都知道 Android 应用程序在进行页面跳转的时候可以利用Intent进行参数传递，那么再开发 Flutter 的时候有类似的方式可以进行参数传递么？答案当然是有...
flutter初学者教程 flutter路由-入门代码
12-01
在Flutter开发中，路由（Routing）是应用中页面跳转和数据传递的核心机制。通过路由，我们可以实现不同Widget之间的交互，比如从一个屏幕导航到另一个屏幕，并传递必要的参数。本教程将带你深入理解Flutter的路由...
flutter-products-tutorial：使用ScopedModel构建的Flutter电子商务入门套件
02-04
7. **scoped-model**：ScopedModel是Flutter中的一个状态管理库，它简化了组件间的数据传递，特别是在大型应用中，使得状态管理更加有序和可维护。 在"flutter-products-tutorial-master"的压缩包中，你将找到项目...
Flutter入门：教程1基础
04-11
Flutter入门教程1基础 Flutter是Google推出的一种开源的移动应用程序开发框架，用于快速构建美观、高性能的跨平台应用，支持Android和iOS。本教程将引导初学者了解Flutter的基础知识，帮助他们迈出构建第一个...
Flutter-Coin-App-Scoped_Model-API-Json:API Json的范围模型
05-09
要获得Flutter入门方面的帮助，请查看我们的在线文档。"描述中提到的"crypto_app"进一步确认了应用的类型——一个加密货币相关的应用。"一个新的Flutter项目"指出这个项目基于Google的跨平台移动开发框架Flutter，...
Flutter 页面返回传值
10-11
Flutter 页面返回传值需要注意的几点如下： 1、跳转页面时要使用async关键字修饰方法体    声明内部代码需要延迟执行 skipPage(BuildContext context) async { } 2、跳转动作要使用await关键字修饰（Dart规定有async标记的函数，只能由await来调用） 声明延迟执行后赋值 final result = await Navigator.push(context,MaterialPageRoute(builder: (context) => PageA())); 3、返回页面时传值 Navigator.pop(context, '我是返回数据');
flutter传递值到任意widget(当需要widget嵌套使用需要传递值的时候)
08-25
主要介绍了flutter传递值到任意widget(当需要widget嵌套使用需要传递值的时候),本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
Flutter入门：教程4 ListView
04-08
在本篇Flutter入门教程中，我们将深入探讨ListView控件，它是Flutter SDK中一个非常重要的组件，用于构建可滚动的列表视图。ListView适用于显示大量数据，例如应用中的用户列表、商品目录或者任何需要滚动查看的长...
初入Flutter，谈一谈页面的跳转与数据传递
文淑的博客
04-16 458
03每日一题谈一谈页面的跳转与数据传递「小新」在技术群里又看到大家在讨论flutter相关的知识点，flutter出来已经有段时间了，可自己并没有深入学习，记得上次...
Flutter路由及传参
我的博客
12-01 5566
前言 一个APP往往是由很多个页面组成的，单独的一个页面在安卓里面称为Activity，IOS称为ViewController，在Flutter里面仅仅是一个Widget。本文讲解Flutter的路由，Flutter内的路由组件有Navigator 和Router 。简单的可以用Navigator，更复杂的可以用Router。主要学习两个页面之间的跳转和传参，以及跨屏动画。 简单路由 在Flutter中，Navigator维护了一个堆栈，用来管理页面路由。可以通过Navigator.push()和Navig
【开发经验】Flutter组件的事件传递与数据控制
2301_79655576的博客
03-24 678
这里我们还是先看需求描述：一个Widget收到事件后，触发child的state的方法实现功能：点击按钮让一个child开始倒计时或者发送请求（调用state的方法）难度：⭐⭐⭐⭐⭐首先必须明确的是，如果出现在业务逻辑里，这里是显然不合理，是需要避免的。嵌套时应当避免互相调用方法，在这种时候，最好是将child的state中的方法与数据，向上提取放到当前层state中。有数据变化有数据变化时，使用State的生命周期更加合理。这里我们也可以勉强实现一下，在flutter框架中，我推荐使用。
flutter navigtor 传值
runtime666的博客
01-04 749
总结： flutter navigator push页面传递参数有两个方法： 1、navigator push MaterialPageRoute 直接传递 Navigator.push( context, MaterialPageRoute( builder: (context) => DetailScreen(todo: todos[index]), ), ); 2、使用 RouteSet
flutter学习之数据跨层传递方案
Coding_Physical的专栏
02-01 354
一、InheritedWidget 是flutter中一个功能型widget，适用于widget树中共享数据场景，可以高效将数据在widget中进行跨层传递，例如主题风格Theme。在子wideget中通过theme.of方法 找到上层theme的widget，获得到其属性的同时，建立子widget和上层父wideget的观察者关系，当上层wideget属性改变的时候，子widget也会触发更新。 不过InheritedWidget仅提供数据读的能力，如果想修改数据，则需要把它和statefulWidge
Flutter入门：Dart语言基础与框架发展历程
1. 类和对象：Dart是严格的面向对象语言，所有数据都是对象，所有函数都是方法，支持类继承、接口（通过抽象类实现）和多态。 2. 异步编程：Dart通过Future和async/await语法糖简化了异步操作，使得开发者可以编写...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值