Set text from list to Text Widget flutter

Question

I'm trying to set quotes from list to Text widget but i am facing this problem

The argument type 'List<Iterable>' can't be assigned to the parameter type 'List'.

this is my code

import 'package:flutter/material.dart';

void main() {
  runApp(myApp());
}

class myApp extends StatefulWidget {
  @override
  _myAppState createState() => _myAppState();
}

class _myAppState extends State<myApp> {
  List<String> quotesList = [
    "The secret of getting ahead is getting started",
    "Only the paranoid survive",
    "It’s hard to beat a person who never gives up.",
    "Never Had luck never needed it"
  ];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          centerTitle: true,
          backgroundColor: Colors.black38,
          title: Text("Quotes"),
        ),
        body: Column(
          children: [quotesList.map((e) => Text(e))].toList(),
        ),
      ),
    );
  }
}

just remove [] in children ,like this children: quotesList.map((e) => Text(e)).toList(), — Fatima ayaa
– Fatima ayaa, Commented May 21, 2021 at 14:41
another thing the class name should be with upperCase in First Lettre, myApp => MyApp :) — Fatima ayaa
– Fatima ayaa, Commented May 21, 2021 at 14:43

Ulaş Kasım · Accepted Answer · 2021-05-21 15:00:21Z

4

You don't need to wrap the list with '[' and ']'

Column(
   children: quotesList.map((e) => Text(e)).toList(),
),

And if you want to add more widgets, you can use like this

Column(
    children: quotesList.map<Widget>((e) => Text(e)).toList()
        ..addAll([
            Container() //You can use addAll method and add some juicy widgets
    ]),
),

edited May 21, 2021 at 15:00

answered May 21, 2021 at 14:42

Ulaş Kasım

8821 gold badge9 silver badges17 bronze badges

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

2 Comments

Anas Hafidi Over a year ago

Thanks it 's working , but what if i want to add more widgets in this column ?

mrgnhnt96 Over a year ago

You can use the spread operator within your column, it looks a lot cleaner and you don't have to use an add all method

Thaanu · Accepted Answer · 2021-05-21 14:43:53Z

Remove [] from the quotesList -

quotesList.map((e) => Text(e)).toList(),

This might fix your issue -

import 'package:flutter/material.dart';

void main() {
  runApp(myApp());
}

class myApp extends StatefulWidget {
  @override
  _myAppState createState() => _myAppState();
}

class _myAppState extends State<myApp> {
  List<String> quotesList = [
    "The secret of getting ahead is getting started",
    "Only the paranoid survive",
    "It’s hard to beat a person who never gives up.",
    "Never Had luck never needed it"
  ];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          centerTitle: true,
          backgroundColor: Colors.black38,
          title: Text("Quotes"),
        ),
        body: Column(
          children: quotesList.map((e) => Text(e)).toList(),
        ),
      ),
    );
  }
}

robben · Accepted Answer · 2021-05-21 17:57:24Z

1

Here is another (easy) approach.

Add this function to your current class -

List<Widget> getTextWidgets() {
  List<Widget> _widgets = [];
  for(int i=0;i<quotesList.length;i++) {
    _widgets.add(
      Text(quotesList[i])
    );
  }
  return _widgets;
}

And simply call it like -

body: Column(
  children: getTextWidgets(),
),

answered May 21, 2021 at 17:57

robben

8151 gold badge10 silver badges16 bronze badges

Comments

mrgnhnt96 · Accepted Answer · 2021-05-21 16:13:31Z

0

To answer your question, you need to remove the [ and ], to look like this

quotesList.map((e) => Text(e)).toList()

If you want to add more widgets, you can use the spread operator

Column(
  children: <Widget>[
    // you can add more widgets here
    ...quotesList.map((e) => Text(e)),
    // you can add more widgets here too
  ],
)

answered May 21, 2021 at 16:13

mrgnhnt96

3,9953 gold badges23 silver badges41 bronze badges

Collectives™ on Stack Overflow

Set text from list to Text Widget flutter

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related