How to run function in child widget FLUTTER

Question

In my main.dart I have StatefulWidget and class extends State and functions to write and read string to local file:

  Future<void> _writeDataToFile(favs) async {
    final _dirPath = await _getDirPath();
    final _myFile = File('$_dirPath/fav.txt');
    await _myFile.writeAsString("||${_myVariable}||");
  }

  Future<void> _readData() async {
    final dirPath = await _getDirPath();
    final myFile = File('$dirPath/fav.txt');
    final data = await myFile.readAsString(encoding: utf8);

    setState(() {
      _content = data;
    });
  }

I run widget from separated file with:

itemBuilder: (context, index) => allRadioList(articles[index], context, _content),

How Can i run _readData() with state change from allRadioList widget.

Here's my allRadioList(articles[index], context, _content) code:

Widget allRadioList(Article article, BuildContext context, String contentt) {
  return Card(
      child: ListTile(
    title: Text(article.title),
    subtitle: Text(contentt),
    leading: CircleAvatar(backgroundImage: NetworkImage("https://image.tmdb.org/t/p/w300/${article.urlToImage}")),
    trailing: IconButton(
      icon: contentt.contains(article.id.toString()) ? Icon(Icons.star_border_outlined, color: Colors.yellow) : Icon(Icons.star_border_outlined, color: Colors.white),
      tooltip: 'My Tootltip',
      onPressed: () {
        _writeDataToFile(article.id.toString());
        _readData();
      },
    ),
  ));
}

In child widget: Widget allRadioList(Article article, BuildContext context, String contentt) I run function to write string to file. But how can I update the state from separated widget file? — meet Solo
– meet Solo, Commented Mar 22, 2022 at 11:02
I have answered similar question here stackoverflow.com/questions/70844227/… So it's relevant to this one also. — Ante Bule
– Ante Bule, Commented Mar 22, 2022 at 11:59

Sahil Hariyani · Accepted Answer · 2022-03-22 11:25:59Z

1

Functions are objects, so you can pass them as function parameter and call it in your function

// (){} is a anonymous function (with no name)
itemBuilder: (context, index) => allRadioList(articles[index], context, _content,onPressed: (){
        _writeDataToFile(articles[index].id.toString());
        _readData();
}),

and

Widget allRadioList(Article article, BuildContext context, String contentt,{Funtion onPressed}) {
  return Card(
      child: ListTile(
    title: Text(article.title),
    subtitle: Text(contentt),
    leading: CircleAvatar(backgroundImage: NetworkImage("https://image.tmdb.org/t/p/w300/${article.urlToImage}")),
    trailing: IconButton(
      icon: contentt.contains(article.id.toString()) ? Icon(Icons.star_border_outlined, color: Colors.yellow) : Icon(Icons.star_border_outlined, color: Colors.white),
      tooltip: 'My Tootltip',
      onPressed: onPressed,
    ),
  ));
}

answered Mar 22, 2022 at 11:25

Sahil Hariyani

1,1986 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

meet Solo Over a year ago

Thanks, the are no errors, but file is not written onPressed. Idea why?

Sahil Hariyani Over a year ago

@meetSolo Sorry I didn't get what are you saying.

Recep_dagli · Accepted Answer · 2022-03-22 13:15:39Z

1

Did you try make async the onPressed function and call these functions with await? Like;

onPressed: () async {
    await _writeDataToFile(article.id.toString());
    await _readData();
  },

answered Mar 22, 2022 at 13:15

Recep_dagli

445 bronze badges

Collectives™ on Stack Overflow

How to run function in child widget FLUTTER

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related