How can I create a Stateful Widget of a drawer whose list item onClick will change the content of a same screen?

Question

I want to create an ItemsDrawer Stateful Widget, The ListTile supposed to change the content of the Item screen, but it is not changing. Also, how can I use List.builder to create a List of ListTile?

Creating a method itemDrawer() works but now I want to pass the Object into the Drawer.

 Drawer itemDrawer(BuildContext context) {
    return Drawer(
  child: ListView(
    children: <Widget>[

      ListTile(
        title: InkWell(
          onTap: () {
            setState(() {
              item = items[0];
              Navigator.of(context).pop();
            });
          },
          child: Text(
            'item1',
            style: TextStyle(fontSize: 20),
          ),
        ),
      ),
      ListTile(
        title: InkWell(
          onTap: () {
            setState(() {
              item= items[1];
            });
            Navigator.of(context).pop();
          },
          child: Text(
            'item2',
            style: TextStyle(fontSize: 20),
          ),
        ),
      ),
      ],
    ),
   );
}

items is a List of class Item.

List<Item> items= [
  item1Data,
  item2Data,
  item3Data,
  item4Data,
  item5Data,
];

Instead of a method itemDrawer(context), I want to create:

class ItemsDrawer extends StatefulWidget {

final Item item;

ItemsDrawer({Key key, this.item}) : super(key: key);


@override
_ItemsDrawer State createState() => _ItemsDrawerState();
}

class _ItemsDrawerState extends State<ItemsDrawer> {


 @override
 Widget build(BuildContext context) {

  return Drawer(
   child: ListView(
    children: <Widget>[
      Container(
        decoration: BoxDecoration(),
      ),
      ListTile(
        title: InkWell(
          onTap: () {
            setState(() {
              widget.item= items[0];
              Navigator.of(context).pop();
            });
          },
          child: Text(
            'item1',
            style: TextStyle(fontSize: 20),
          ),
        ),
      ),
.....

On widget.item it is saying that: 'item' can't be used as a setter because it is final

Update: ItemScreen where the content is shown:

class ItemScreen extends StatefulWidget {


@override
_ItemScreen State createState() => _ItemScreenState();
}

class _ItemScreentate extends State<ItemScreen> {
Item item;
final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState();

@override
void initState() {
 super.initState();
 item = items[0];
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    key: _scaffoldKey,
    backgroundColor: kcAppBackground,
    appBar: AppBar(
    //App Bar Title
     title: modifiedAppBarTitleText(item.itemTitle),
   ..... 
drawer: ItemDrawer(key: _scaffoldKey, item: item,),

Durdu · Answer 1 · 2019-09-02T06:44:42.810

1

The error you are getting is because you are trying to change something that was declared final

Add

class _ItemsDrawerState extends State<ItemsDrawer> {

 Item item

 @override
  void initState() {
    item = widte.item // maybe copy it... or reinit if you need
    super.initState();
  }

But if you want to update a widget from another one you might want to check this post out or this one

edited Sep 02 '19 at 06:44

answered Sep 02 '19 at 06:24

Durdu

4,649
2
27
47

StatefulWidget is @immutable – Aakash Solanki Sep 02 '19 at 06:31
Also, the Item class contains the text parameter which is not changing in the Item Screen with the above solution. @Durdu – Aakash Solanki Sep 02 '19 at 06:36
@AakashSolanki Stateful widgets are mutable – Mohit Shetty Sep 02 '19 at 07:29
@Durdu I tried, but still no change in the content of the Item Screen. also tried: Navigator.of(context).pop(item); to return back the value but still no change. Will I have to create a new Item item2 object to hold the value from pop(item) – Aakash Solanki Sep 02 '19 at 07:48
@MohitShetty I tried though its just a warning but code does not give a needed result/ Also updated the question, provided the ItemScreen() code which aims to display the result. – Aakash Solanki Sep 02 '19 at 07:48
Could you summarize what issue your actually facing in one or two sentences? This way I could help you better. – Mohit Shetty Sep 02 '19 at 07:51

How can I create a Stateful Widget of a drawer whose list item onClick will change the content of a same screen?

1 Answers1