Как разместить три записи в одной строке во флаттере (пользовательский интерфейс настроек)

#flutter #dart

Вопрос:

У меня есть страница, где я показываю свой вес. Проблема в том, что теперь я отображаю в списке вес брутто, упаковку, нетто. И я хочу пометить их в строке. Вот мой код:

           SettingsSection(
            title: 'Weight',
            tiles: [

              SettingsTile(

                leading:  FaIcon(FontAwesomeIcons.weightHanging),
                title: 'Gross',
                subtitle: '490000',
                  subtitleTextStyle:TextStyle(fontSize: 17.0, fontWeight: FontWeight.bold, color: Colors.black)
              ),
              SettingsTile(
                leading:  FaIcon(FontAwesomeIcons.weightHanging),
                title: 'Packaging',
                subtitle: '19000',
                  subtitleTextStyle:TextStyle(fontSize: 17.0, fontWeight: FontWeight.bold, color: Colors.black)
              ),
              SettingsTile(
                leading:  FaIcon(FontAwesomeIcons.weightHanging),
                title: 'Net',
                subtitle: '30000',
                  subtitleTextStyle:TextStyle(fontSize: 17.0, fontWeight: FontWeight.bold, color: Colors.black)
              ),
              SettingsTile(

                  leading:  FaIcon(FontAwesomeIcons.weightHanging),
                  title: 'Gross' '              ' 'Packaging' '              ' 'Net',
                  subtitle: '490000' '         '  '19000' '          '  '30000',
                  subtitleTextStyle:TextStyle(fontSize: 17.0, fontWeight: FontWeight.bold, color: Colors.black)
              ),
            ],
          ),

Этот код показывает, как я отображаю вес (первые 3 записи). Но я хочу отобразить его в строке, как в последней версии. Но проблема в том, что при изменении веса (количества символов) все начинает двигаться и выглядеть неправильно. Можно ли заставить пить так, чтобы ничего не двигалось ??
Мой образ:

1. вы хотите, чтобы ваш список отображался так же, как и в последней строке ?

2. @RavindraS.Patil Правильно, я показал первые 3 записи (вот как это выглядит сейчас). И я хочу, чтобы все было как в прошлый раз

3. @RavindraS.Patil можно ли это сделать?

4. согласно моему пониманию, я попытался ответить ниже, проверьте это и дайте мне знать

Ответ №1:

Попробуйте приведенный ниже код, надеюсь, он вам поможет.

    Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              Icon(Icons.shopping_bag),
              Expanded(
                child: ListTile(
                  title: Text('Gross'),
                  subtitle: Text('490000'),
                ),
              ),
              Expanded(
                child: ListTile(
                  title: Text('Packaging'),
                  subtitle: Text('19000'),
                ),
              ),
              Expanded(
                child: ListTile(
                  title: Text('Net'),
                  subtitle: Text('30000'),
                ),
              ),
            ],
          ),

Ваш экран результатов->

1. Итак, я вижу, что вы используете не мой подход, а другой. Все выглядит так, как должно быть, но нет названия группы записей. Вот вы видите на фото, что эта группа называется «Вес». У меня на странице есть и другие значения. Также можно добавить название «вес», как на фотографии. Но я не мог этого сделать

2. Я хотел бы полностью воспроизвести страницу, которая у меня есть сейчас, но с вашим кодом. Без использования моих виджетов

3. чего ты на самом деле хочешь?

4. Я хочу, чтобы вы добавили слово «вес» в свой пример (название региона, в котором отображается вес). Как и раньше (см. на фото, о котором идет речь)

5. можно ли это сделать?