flutter如何引用传值_详解Flutter给新页面传值

直接上代码，一个完整的demo

import 'package:flutter/foundation.dart';

import 'package:flutter/material.dart';

class Todo {

final String title;

final String description;

Todo(this.title, this.description);

}

void main() {

runApp(new MaterialApp(

title: 'Passing Data',

home: new TodosScreen(

todos: new List.generate(

20,

(i) => new Todo(

'Todo $i',

'A description of what needs to be done for Todo $i',

),

),

),

));

}

class TodosScreen extends StatelessWidget {

final List todos;

TodosScreen({Key key, @required this.todos}) : super(key: key);

@override

Widget build(BuildContext context) {

return new Scaffold(

appBar: new AppBar(

title: new Text('Todos'),

),

body: new ListView.builder(

itemCount: todos.length,

itemBuilder: (context, index) {

return new ListTile(

title: new Text(todos[index].title),

// When a user taps on the ListTile, navigate to the DetailScreen.

// Notice that we're not only creating a new DetailScreen, we're

// also passing the current todo through to it!

onTap: () {

Navigator.push(

context,

new MaterialPageRoute(

builder: (context) => new DetailScreen(todo: todos[index]),

),

);

},

);

},

),

);

}

}

class DetailScreen extends StatelessWidget {

// Declare a field that holds the Todo

final Todo todo;

// In the constructor, require a Todo

DetailScreen({Key key, @required this.todo}) : super(key: key);

@override

Widget build(BuildContext context) {

// Use the Todo to create our UI

return new Scaffold(

appBar: new AppBar(

title: new Text("${todo.title}"),

),

body: new Padding(

padding: new EdgeInsets.all(16.0),

child: new Text('${todo.description}'),

),

);

}

}

其中

定义一个Todo 类

class Todo {

final String title;

final String description;

Todo(this.title, this.description);

}

生成一个Todo列表

final todos = new List.generate(

20,

(i) => new Todo(

'Todo $i',

'A description of what needs to be done for Todo $i',

),

);

把Todo List显示到ListView上

new ListView.builder(

itemCount: todos.length,

itemBuilder: (context, index) {

return new ListTile(

title: new Text(todos[index].title),

);

},

);

TodosScreen到DetailScreen

代码中的onTap处，注意传值

new ListView.builder(

itemCount: todos.length,

itemBuilder: (context, index) {

return new ListTile(

title: new Text(todos[index].title),

// When a user taps on the ListTile, navigate to the DetailScreen.

// Notice that we're not only creating a new DetailScreen, we're

// also passing the current todo to it!

onTap: () {

Navigator.push(

context,

new MaterialPageRoute(

builder: (context) => new DetailScreen(todo: todos[index]),

),

);

},

);

},

);

接收值

class DetailScreen extends StatelessWidget {

// Declare a field that holds the Todo

final Todo todo;

// In the constructor, require a Todo

DetailScreen({Key key, @required this.todo}) : super(key: key);

@override

Widget build(BuildContext context) {

// Use the Todo to create our UI

return new Scaffold(

appBar: new AppBar(

title: new Text("${todo.title}"),

),

body: new Padding(

padding: new EdgeInsets.all(16.0),

child: new Text('${todo.description}'),

),

);

}

}

中的

final Todo todo;

DetailScreen({Key key, @required this.todo}) : super(key: key);