title: const ProgressBarPage(),flutter中怎么给ProgressBarPage传值
时间: 2024-04-14 15:25:46 浏览: 142
要给ProgressBarPage传递值,您可以在创建ProgressBarPage实例时,通过构造函数传递参数。以下是一个示例代码:
```dart
import 'package:flutter/material.dart';
class ProgressBarPage extends StatelessWidget {
final int progress;
const ProgressBarPage({Key key, this.progress}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Progress Bar Page'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'Progress: $progress%',
style: TextStyle(fontSize: 24),
),
SizedBox(height: 20),
LinearProgressIndicator(
value: progress / 100,
),
],
),
),
);
}
}
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Home'),
),
body: Center(
child: RaisedButton(
child: Text('Go to Progress Bar Page'),
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => ProgressBarPage(progress: 50)),
);
},
),
),
);
}
}
void main() {
runApp(MaterialApp(
home: HomePage(),
));
}
```
在上面的示例中,我们在ProgressBarPage的构造函数中添加了一个名为progress的参数。然后,在HomePage中,当点击按钮时,我们通过ProgressBarPage的构造函数将progress值传递为50。这样,在ProgressBarPage中就可以使用传递的值来展示进度条。
希望对您有所帮助!如果有任何其他问题,请随时提问。
阅读全文