Flutter - 无法从父小部件更改子状态
Flutter - Can't change child state from parent widget
问题:
我有一个父控件 SnippetTestEditor
和一个有状态的子控件 NoteTab
。如果按下父小部件中的按钮,子小部件应该得到更新。
两个 类 都有一个布尔值 _editMode
。我通过构造函数将 bool 从父小部件传递到子小部件。根据我的理解,我需要在父小部件中调用 setState()
并更改 setState()
中的 bool。此更改应自动反映在子小部件中。但它不是....
那么我怎样才能让子窗口小部件发生变化呢?
代码:
class _SnippetTestEditorState extends State<SnippetTestEditor> with SingleTickerProviderStateMixin {
bool _editMode = true;
...
@override
void initState() {
super.initState();
_tabs = List();
_tabNames = List();
List<CodeSnippet> codeSnippets = this.widget._note.codeSnippets;
for(CodeSnippet snippet in codeSnippets){
_tabs.add(CodeTab(_editMode);
...
}
@override
Widget build(BuildContext context) {
return Scaffold(
...
body: TabBarView(
controller: _tabController,
children: _tabs
),
...
actions: <Widget>[
IconButton(
icon: Icon(Icons.check),
onPressed: (){
setState(() {
_editMode = false;
});
},
)
...
class CodeTab extends StatefulWidget{
bool _editMode;
CodeTab(this._editMode);
@override
State<StatefulWidget> createState() => CodeTabState();
}
class CodeTabState extends State<CodeTab> {
@override
Widget build(BuildContext context) {
return this.widget._editMode ? ...
发生这种情况是因为 _editMode
值仅在 initState()
内传递给 CodeTab
一次。因此,即使多次调用 build
方法,_tabs
中的 CodeTab
实例也不会更新。
您应该移动代码以在状态 class:
内的方法中创建选项卡
getTabs(){
List<CodeSnippet> codeSnippets = widget._note.codeSnippets;
for(CodeSnippet snippet in codeSnippets){
_tabs.add(CodeTab(_editMode);
return _tabs;
}
并在构建中使用 getTabs()
:
body: TabBarView(
controller: _tabController,
children: getTabs(),
),
如果您对此解决方案有任何疑问,请在评论中告诉我。
问题:
我有一个父控件 SnippetTestEditor
和一个有状态的子控件 NoteTab
。如果按下父小部件中的按钮,子小部件应该得到更新。
两个 类 都有一个布尔值 _editMode
。我通过构造函数将 bool 从父小部件传递到子小部件。根据我的理解,我需要在父小部件中调用 setState()
并更改 setState()
中的 bool。此更改应自动反映在子小部件中。但它不是....
那么我怎样才能让子窗口小部件发生变化呢?
代码:
class _SnippetTestEditorState extends State<SnippetTestEditor> with SingleTickerProviderStateMixin {
bool _editMode = true;
...
@override
void initState() {
super.initState();
_tabs = List();
_tabNames = List();
List<CodeSnippet> codeSnippets = this.widget._note.codeSnippets;
for(CodeSnippet snippet in codeSnippets){
_tabs.add(CodeTab(_editMode);
...
}
@override
Widget build(BuildContext context) {
return Scaffold(
...
body: TabBarView(
controller: _tabController,
children: _tabs
),
...
actions: <Widget>[
IconButton(
icon: Icon(Icons.check),
onPressed: (){
setState(() {
_editMode = false;
});
},
)
...
class CodeTab extends StatefulWidget{
bool _editMode;
CodeTab(this._editMode);
@override
State<StatefulWidget> createState() => CodeTabState();
}
class CodeTabState extends State<CodeTab> {
@override
Widget build(BuildContext context) {
return this.widget._editMode ? ...
发生这种情况是因为 _editMode
值仅在 initState()
内传递给 CodeTab
一次。因此,即使多次调用 build
方法,_tabs
中的 CodeTab
实例也不会更新。
您应该移动代码以在状态 class:
内的方法中创建选项卡getTabs(){
List<CodeSnippet> codeSnippets = widget._note.codeSnippets;
for(CodeSnippet snippet in codeSnippets){
_tabs.add(CodeTab(_editMode);
return _tabs;
}
并在构建中使用 getTabs()
:
body: TabBarView(
controller: _tabController,
children: getTabs(),
),
如果您对此解决方案有任何疑问,请在评论中告诉我。