How to display the first element in array with for loop

Question

I am looping through an array i.e 'companies' using the for loop. I want to display the first element in this array using 'for loop' without having to do it this way 'companies[0].name'. Here is what I have done which works but I need to use them for loop.

    child: Column(
      children: < Widget > [
        // for (var item in companies)
        companies.length > 0 ?
        Text(
          '${companies[0].name}'.toUpperCase(), // how can i replace this using the for loop
          style: TextStyle(
            color: AppColor.white,
          ),
        ) :
        Text('No Company Assigned '),
      ],
    ),

companies.length > 0 ? ...companies.map((c) => Text('${c.name}')) : Text('No Company Assigned ') — pskink
– pskink, Commented Nov 24, 2021 at 13:54
why don't you want to use companies[0].name and why do you need to use for loop, can you clarify your question? — Md. Yeasin Sheikh
– Md. Yeasin Sheikh, Commented Nov 24, 2021 at 13:55
@YeasinSheikh because i will still need the for loop later and one because i would like to know if there's a work-around this using the for loop. — Emmon
– Emmon, Commented Nov 24, 2021 at 13:59
@pskink your suggestion displays all the elements in the array. How can i modify it to only display the first element? — Emmon
– Emmon, Commented Nov 24, 2021 at 14:04
wait, if you want first element what do you need a loop for? what do you need a Column for if it has just one child? what actually do you want to achieve? — pskink
– pskink, Commented Nov 24, 2021 at 14:05

Md. Yeasin Sheikh · Accepted Answer · 2021-11-24 14:17:13Z

2

You can use an inline function to create a loop. Though, I will suggest keep the logic simple here. And most prefer using map in your case as @pskink describe on comment section.

 Column(
        children: [
          () {
            // do the thing you want and return
            return companies.isEmpty
                ? Text('No Company Assigned ')
                : Text(companies.first.toUpperCase());
          }(),
        ],
      ),

edited Nov 24, 2021 at 14:17

answered Nov 24, 2021 at 14:09

Md. Yeasin Sheikh

64.8k7 gold badges50 silver badges86 bronze badges

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

Comments

Hüseyin Gözübenli · Accepted Answer · 2021-11-24 14:03:25Z

0

You can use ListBuilder like below example, if its first element return your widget, else return empty container.

final List<String> entries = <String>['A', 'B', 'C'];
final List<int> colorCodes = <int>[600, 500, 100];

ListView.builder(
  padding: const EdgeInsets.all(8),
  itemCount: entries.length,
  itemBuilder: (BuildContext context, int index) {
    return index == 0  ? Container(
      height: 50,
      color: Colors.amber[colorCodes[index]],
      child: Center(child: Text('Entry ${entries[index]}')),
    ): Container();
  }
);

answered Nov 24, 2021 at 14:03

Hüseyin Gözübenli

891 silver badge6 bronze badges

Comments

Cenk YAGMUR · Accepted Answer · 2021-11-24 14:04:36Z

0

You can use the mapIndexed or forEachIndexed extension methods from the collection package.

import 'package:collection/collection.dart';

item.forEachIndexed((index, element) {
  print('index: $index, element: $element');
});

answered Nov 24, 2021 at 14:04

Cenk YAGMUR

3,4912 gold badges31 silver badges50 bronze badges

Collectives™ on Stack Overflow

How to display the first element in array with for loop

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related