我5个月前开始在flutter上开发我的学校项目,我有一个问题。
我做了一个自定义的 Widget
使用 Listview.builder()
这就叫 我的列表 小部件,它在 母页然后,我在我的数据库中添加一个新的项目,从 我的列表 然后 setState()
至 母页 我从数据库中加载我的项目。母页 然而,正在重装 我的列表 和它的项目不是。母页 & 我的列表 都是有状态的。
我的问题是,你怎么能第二次建立(或init?我的列表 以便显示所添加的项目。
我看到类似的问题,但我不明白如何将答案应用到 listview.builder()
对不起,我不能把任何代码,我是不允许的,因为合同。
你想从父部件调用子部件的方法,这可以使用全局键。
我刚刚在下面的代码中演示了如何做到这一点。
class DeleteWidget extends StatefulWidget {
@override
_DeleteWidgetState createState() => _DeleteWidgetState();
}
class _DeleteWidgetState extends State<DeleteWidget> {
callme() {
print("here, you have to load data, method in delete from home1");
setState((){}); // added
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Home1(
callme: callme,
),
),
);
}
}
class Home1 extends StatefulWidget {
final Function callme;
Home1({this.callme});
@override
_Home1State createState() => _Home1State();
}
class _Home1State extends State<Home1> {
@override
Widget build(BuildContext context) {
return Container(
child: RaisedButton(
child: Text("press"),
onPressed: () {
print("here you add data in database");
widget.callme();
},
),
);
}
}
class ParentWidget extends StatefulWidget {
@override
_ParentWidgetState createState() => _ParentWidgetState();
}
class _ParentWidgetState extends State<ParentWidget> {
List<String> items = [];
@override
void initState() {
getDataFromDataBase();
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: MyList(
items: items,
refreshData: initState,
),
),
);
}
getDataFromDataBase() {
// Get Data from Database
setState(() {
for (int i = 0; i < 4; i++) {
items.add("Name $i");
}
});
}
}
class MyList extends StatefulWidget {
final Function refreshData;
List<String> items = [];
MyList({this.refreshData, this.items});
@override
_MyListState createState() => _MyListState();
}
class _MyListState extends State<MyList> {
@override
Widget build(BuildContext context) {
return Container(
child: ListView.builder(
itemBuilder: (context, index) {
return Container(
padding: EdgeInsets.all(10),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Text(widget.items[index]),
RaisedButton(
child: Text("Add item in Database"),
onPressed: () {
addItem();
widget.refreshData();
},
)
],
),
);
},
itemCount: widget.items.length,
),
);
}
addItem() {
// Add item in database
}
}