在應用程式中，初始螢屏是 ResultScreen。它在第二個螢屏上顯示用戶輸入的資料。可以通過單擊輸入資料按鈕來訪問它。我希望選中的復選框標題顯示在另一個螢屏上，類似于我對文本欄位所做的操作。我怎樣才能做到這一點？文字畫面：
import 'package:flutter/material.dart';
import 'package:flutter_application_1/screens/result_screen.dart';
class TextScreen extends StatefulWidget {
const TextScreen({Key? key}) : super(key: key);
@override
State<TextScreen> createState() => _TextScreenState();
}
class _TextScreenState extends State<TextScreen> {
bool privacy = false;
bool terms_of_use = false;
TextEditingController textController = TextEditingController();
@override
void dispose() {
textController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Enter data'),
),
body: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
TextField(
controller: textController,
decoration: InputDecoration(labelText: 'Message'),
),
const SizedBox(
height: 20,
),
CheckboxListTile(
title: const Text('Privacy'),
controlAffinity: ListTileControlAffinity.leading,
value: privacy,
onChanged: (value) {
setState(() {
privacy = value!;
});
},
contentPadding: EdgeInsets.zero,
),
CheckboxListTile(
title: const Text('Terms of use'),
controlAffinity: ListTileControlAffinity.leading,
value: terms_of_use,
onChanged: (value) {
setState(() {
terms_of_use = value!;
});
},
contentPadding: EdgeInsets.zero,
),
ElevatedButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
ResultScreen(textController.text)));
},
child: Text('Display result'))
],
)),
);
}
}結果螢屏：
import 'package:flutter/material.dart';
import 'package:flutter_application_1/screens/text_screen.dart';
class ResultScreen extends StatefulWidget {
final String valueText;
ResultScreen(this.valueText);
@override
State<ResultScreen> createState() => _ResultScreenState();
}
class _ResultScreenState extends State<ResultScreen> {
// navigation to text_screen
void _buttonNav() {
Navigator.push(
context, MaterialPageRoute(builder: (context) => const TextScreen()));
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('Results'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ElevatedButton(
onPressed: _buttonNav, child: const Text('Enter data')),
const SizedBox(
height: 50,
),
Text('Message: ' widget.valueText),
const SizedBox(
height: 20,
),
Text('Checkboxes:')
],
)),
);
}
}主要飛鏢：
import 'package:flutter/material.dart';
import 'package:flutter_application_1/screens/result_screen.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: ResultScreen(''),
);
}
}uj5u.com熱心網友回復：
我將使用您的相同示例。你可以試試這個：宣告一個變數String? saveTitle;
然后：
CheckboxListTile(
title: const Text('Privacy'),
controlAffinity: ListTileControlAffinity.leading,
value: privacy,
onChanged: (value) {
setState(() {
privacy = value!;
saveTitle= 'Privacy';
});
},
contentPadding: EdgeInsets.zero,
),
CheckboxListTile(
title: const Text('Terms of use'),
controlAffinity: ListTileControlAffinity.leading,
value: terms_of_use,
onChanged: (value) {
setState(() {
terms_of_use = value!;
saveTitle= 'Terms of use';
});
},
contentPadding: EdgeInsets.zero,
),
在按鈕中：
ElevatedButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
ResultScreen(textController.text, saveTitle!)));
},
child: Text('Display result'))
你做的和你在例子中做的一樣
-------------------更新-------- 如果你想保存一兩個值，你可以試試這個：
宣告一個變數：
String? saveFirstValue;
String? saveSecondValue;
然后：
CheckboxListTile(
title: const Text('Privacy'),
controlAffinity: ListTileControlAffinity.leading,
value: privacy,
onChanged: (value) {
setState(() {
privacy = value!;
saveFirstValue= 'Privacy';
});
},
contentPadding: EdgeInsets.zero,
),
CheckboxListTile(
title: const Text('Terms of use'),
controlAffinity: ListTileControlAffinity.leading,
value: terms_of_use,
onChanged: (value) {
setState(() {
terms_of_use = value!;
saveSecondValue= 'Terms of use';
});
},
contentPadding: EdgeInsets.zero,
),
在按鈕中：
ElevatedButton(
onPressed: () {
if (saveFirstValue!.isNotEmpty &&
saveSecondValue!.isNotEmpty) {
String bothValues = "$saveFirstValue $saveSecondValue";
Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
ResultScreen(textController.text,
bothValues,
),
),
);
} else {
if (saveFirstValue!.isNotEmpty) {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
ResultScreen(textController.text,
saveFirstValue!,
),
),
);
} else if(saveSecondValue!.isNotEmpty){
Navigator.push(
context,
MaterialPageRoute(
builder: (context) =>
ResultScreen(textController.text, saveSecondValue!,
),
),
);
},
}
},
child: Text('Display result'))
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/467992.html