ฉันคิดว่าคุณอาจต้องการแนะนำฟังก์ชันตัวช่วยบางอย่างให้กับbuildปุ่มของคุณเช่นเดียวกับวิดเจ็ตสถานะพร้อมกับคุณสมบัติบางอย่างที่จะปิด
- ใช้ StatefulWidget / State และสร้างตัวแปรเพื่อเก็บเงื่อนไขของคุณ (เช่น
isButtonDisabled)
- ตั้งค่านี้เป็นจริงในตอนแรก (หากนั่นคือสิ่งที่คุณต้องการ)
- เมื่อแสดงผลปุ่มอย่าตั้ง
onPressedค่าเป็นnullฟังก์ชันอย่างใดอย่างหนึ่งหรือบางฟังก์ชันโดยตรงonPressed: () {}
- แทน , เงื่อนไขการตั้งค่าโดยใช้ฟังก์ชั่นไตรภาคหรือผู้ช่วย(ตัวอย่างด้านล่าง)
- ตรวจสอบ
isButtonDisabledเป็นส่วนหนึ่งของเงื่อนไขนี้และส่งคืนnullฟังก์ชันหรือฟังก์ชันบางอย่าง
- เมื่อกดปุ่ม (หรือเมื่อใดก็ตามที่คุณต้องการปิดใช้งานปุ่ม) ใช้
setState(() => isButtonDisabled = true)เพื่อพลิกตัวแปรเงื่อนไข
- Flutter จะเรียกใช้
build()เมธอดอีกครั้งด้วยสถานะใหม่และปุ่มจะแสดงผลด้วยnullตัวจัดการการกดและถูกปิดใช้งาน
นี่คือบริบทเพิ่มเติมบางส่วนโดยใช้โครงการ Flutter counter
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;
bool _isButtonDisabled;
@override
void initState() {
_isButtonDisabled = false;
}
void _incrementCounter() {
setState(() {
_isButtonDisabled = true;
_counter++;
});
}
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text("The App"),
),
body: new Center(
child: new Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
new Text(
'You have pushed the button this many times:',
),
new Text(
'$_counter',
style: Theme.of(context).textTheme.display1,
),
_buildCounterButton(),
],
),
),
);
}
Widget _buildCounterButton() {
return new RaisedButton(
child: new Text(
_isButtonDisabled ? "Hold on..." : "Increment"
),
onPressed: _isButtonDisabled ? null : _incrementCounter,
);
}
}
ในตัวอย่างนี้ฉันใช้อินไลน์ ternary เพื่อตั้งค่าTextและตามเงื่อนไขonPressedแต่อาจเหมาะสมกว่าสำหรับคุณที่จะแยกสิ่งนี้เป็นฟังก์ชัน (คุณสามารถใช้วิธีการเดียวกันนี้เพื่อเปลี่ยนข้อความของปุ่มได้เช่นกัน):
Widget _buildCounterButton() {
return new RaisedButton(
child: new Text(
_isButtonDisabled ? "Hold on..." : "Increment"
),
onPressed: _counterButtonPress(),
);
}
Function _counterButtonPress() {
if (_isButtonDisabled) {
return null;
} else {
return () {
// do anything else you may want to here
_incrementCounter();
};
}
}