Flutter automatic settings from array

Question

I'm trying to create settings page from json. But first i'm checking if creating is working on static array:

import 'package:flutter/material.dart';
import 'package:settings_ui/settings_ui.dart';

class _SettingsScreenState extends State<SettingsScreen> {
   bool lockInBackground = true;

@override
void initState() {
    super.initState();
}

@override
Widget build(BuildContext context) {
    var tilearray = [{'name':'settings no 1'},{'name':'settings no 2'},{'name':'settings no 3'}];
    List<SettingsTile> tiles = [];
    log('{$tilearray}');
    tiles.add( SettingsTile.switchTile(
        initialValue: lockInBackground,
        onToggle: (bool value) {
          setState(() {
            lockInBackground = value;
          });
        },
        leading: Icon(Icons.phonelink_lock),
        title: Text('settings no 0')));
    tilearray.map((item) => log('test{$item.name}'));
    tilearray.map((item) => tiles.add( SettingsTile.switchTile(
        initialValue: lockInBackground,
        onToggle: (bool value) {
          setState(() {
            lockInBackground = value;
          });
        },
        leading: Icon(Icons.phonelink_lock),
        //title: Text(item['name']!))));
        title: Text('debug item'))));
   log('{$tiles}');
   return Scaffold(
      appBar: AppBar(title: Text('Settings UI')),
      body: SettingsList(
        sections: [
          SettingsSection(
            title: Text('First Section'),
            tiles: tiles,
          )
        ]
      )
    );
  }
}

But the result is only one SettingsTile (Setting no 0)...

The comment I add to check if there's a problem with array item, but no. It looks like tilearray is empty.

It is strange that tilearray.map((item) => log('test{$item.name}')); is empty too

the ui update because because you are putting everything inside build method, also everything is going to reassign . I will give an within 5min — Md. Yeasin Sheikh
– Md. Yeasin Sheikh, Commented Oct 22, 2022 at 20:57

Md. Yeasin Sheikh · Accepted Answer · 2022-10-22 21:02:20Z

1

Follow current way.

try putting variable outside the build method or you can use initState


class SettingsScreen extends StatefulWidget {
  const SettingsScreen({super.key});

  @override
  State<SettingsScreen> createState() => _SettingsScreenState();
}

class _SettingsScreenState extends State<SettingsScreen> {
  @override
  void initState() {
    super.initState();
  }

  Map<String, bool> tilearray = {
    'settings no 1': false,
    'settings no 2': false,
    'settings no 3': false
  };

  List<SettingsTile> getTiles(BuildContext context) {
    List<SettingsTile> tiles = [];

    for (int i = 0; i < tilearray.length; i++) {
      final question = tilearray.keys.elementAt(i);
      final value = tilearray.values.elementAt(i);
      tiles.add(SettingsTile.switchTile(
          initialValue: value,
          onToggle: (bool value) {
            setState(() {
              tilearray[question] = value;
            });
          },
          leading: Icon(Icons.phonelink_lock),
          title: Text(question)));
    }
    ;
    return tiles;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Settings UI')),
      body: SettingsList(
        sections: [
          SettingsSection(
            title: Text('First Section'),
            tiles: getTiles(context),
          )
        ],
      ),
    );
  }
}

edited Oct 22, 2022 at 21:02

answered Oct 22, 2022 at 17:34

Md. Yeasin Sheikh

64.9k7 gold badges50 silver badges86 bronze badges

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

7 Comments

Tomasz Brzezina Over a year ago

Nope. I put it initState (and move List<SettingsTile> tiles = []; to Class) - but still the same - map doesn't work

Md. Yeasin Sheikh Over a year ago

Can you provide full but minimal widget that will reproduce the same error?

Tomasz Brzezina Over a year ago

edited. But I put tilearray.map((item) => log('x{$item.name}')); and no log - it looks like tilearray is empty

Md. Yeasin Sheikh Over a year ago

The issue is with key

Md. Yeasin Sheikh Over a year ago

do the way you like but on your structure you are already having key value for single map, cases like this i prefer using helper/adapter class to simplify the process

|

Tomasz Brzezina · Accepted Answer · 2022-10-22 21:00:38Z

0

Got it!

I have to use

 for (final item in tilearray){
      log('x{$item}');
      tiles.add( SettingsTile.switchTile(
        initialValue: lockInBackground,
        onToggle: (bool value) {
          setState(() {
            lockInBackground = value;
          });
        },
        leading: Icon(Icons.phonelink_lock),
        //title: Text(item['name']!))));
        title: Text('element')));
      log('{$tiles}');
    }
  }

instead of

tilearray.map((item) =>

And as @Yeasin Sheikh wrote - have to move it to initState()

answered Oct 22, 2022 at 21:00

Tomasz Brzezina

1,5445 gold badges24 silver badges48 bronze badges

Collectives™ on Stack Overflow

Flutter automatic settings from array

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related