我是新来的人。而我正试图制作一个x o游戏。我还在应用程序的第一步。我正在使用gridview.count来制作游戏的布局。问题是有状态小部件(choice,onTap())的属性未在gridview tile中定义。这是我的代码
return Scaffold(
appBar: AppBar(title: Text('Tic Tac Toe')),
body: GridView.count(
crossAxisCount: 3,
crossAxisSpacing: 2.0,
mainAxisSpacing: 2.0,
children: List<Widget>.generate(
9,
(int index) {return new GridTile(
child:GridCell(
choice: _choice,
onTap: ()=>onTap(context),
),
);
})))
而且课程是:
class GridCellState extends State<TicTacToe> {
final String choice;
final VoidCallback onTap;
GridCellState({Key key, this.choice, this.onTap}) :
super(key: key);
@override
Widget build(BuildContext context) {
return GestureDetector(
onTap:onTap,
child:Container(
child: Text(choice),
height:20.0,
color:Theme.of(context).primaryColor,
),
);
}
}
提前致谢。
那是因为你以错误的方式连接构造函数,你没有从State
对象构造对象,也就是StatefulWidget
的工作是构造State
对象。你构造了一个名为StatefulWidget
的GridCell
实例,因此GridCell
需要将字段和构造函数移动到它。
简而言之,您需要将GridCellState
字段和构造函数移动到StatefulWidget
本身,如下所示:
class GridCell extends StatefulWidget {
final String choice;
final VoidCallback onTap;
GridCell({Key key, this.choice, this.onTap}) :
super(key: key);
@override
GridCellState createState() {
return new GridCellState();
}
}
然后使用widget.fieldName
对象内部的State
来访问StatefulWidget
对象中的任何字段,请参阅我使用widget.onTap
和widget.choice
从上面的StatefulWidget
获取字段数据。
class GridCellState extends State<GridCell> {
@override
Widget build(BuildContext context) {
return GestureDetector(
onTap:widget.onTap,
child:Container(
child: Text(widget.choice),
height:20.0,
color:Theme.of(context).primaryColor,
),
);
}
}
或者,您可以将GridCell
转换为SatelessWidget
,两种方法都可以解决您的问题,因此取决于您是否需要保留StatefulWidget
。