build버튼에 몇 가지 도우미 기능을 도입 하고 키 오프 할 속성과 함께 Stateful 위젯 을 도입하고 싶을 수도 있습니다 .
- (예를 StatefulWidget / 주를 사용하여 상태를 유지하기 위해 변수를 생성
isButtonDisabled)
- 처음에는 true로 설정하십시오 (원하는 경우).
- 버튼을 렌더링 할 때 값을 하나 또는 일부 기능으로 직접 설정하지 마십시오.
onPressednullonPressed: () {}
- 대신 삼항 또는 도우미 함수를 사용하여 조건부로 설정하십시오 (아래 예).
isButtonDisabled이 조건부의 일부로 확인하고 null함수 중 하나 또는 일부를 반환합니다 .- 버튼을 눌렀을 때 (또는 버튼을 비활성화 할 때마다)를 사용
setState(() => isButtonDisabled = true)하여 조건부 변수를 뒤집습니다.
- Flutter는
build()새로운 상태로 메서드를 다시 호출하고 버튼은 null프레스 핸들러 로 렌더링되고 비활성화됩니다.
다음은 Flutter 카운터 프로젝트를 사용하는 몇 가지 컨텍스트입니다.
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,
);
}
}
이 예에서 나는 설정 조건에 인라인 원을 사용하고 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();
};
}
}