Блог

Главная - Вопросы по программированию - Именованный параметр ‘icon’ не определен. Попробуйте определить именованный параметр с именем ‘icon’

Именованный параметр ‘icon’ не определен. Попробуйте определить именованный параметр с именем ‘icon’

#flutter #flutter-gridview

#flutter #flutter-gridview

Вопрос:

Вид сетки с трепещущими значками с 2 столбцами и текстом каждого изображения под выровненным по центру изображением с размерами 300 на 300 пикселей или размером значка 98 или 85Мой код, как показано ниже’ import

     appBar: AppBar(title: Text("Digital Directory"),),
  body: Center(
      child: GridView.count(
        primary: false,
        padding: const EdgeInsets.all(20),
        crossAxisSpacing: 10,
        mainAxisSpacing: 10,
        crossAxisCount: 2,
        children: <Widget>[
          Container(
            color: Colors.cyan[100],
             child: GestureDetector
          (
          onTap:(){

            Navigator.of(context).push(MaterialPageRoute(builder:(context)=>MobileAccessoriesPage(),
            ),
            );
          },

    child: Center (child:Text ('Mobiles'),icon:Icons.mobile_screen_share),

         ),
  ),

Я создаю приложение для просмотра сетки с плоскими значками flutter, и я хочу перемещаться при нажатии на плоские значки на другие экраны (например, на страницу / экран dart) `

Комментарии:

1. Center не имеет icon свойства. Пожалуйста, добавьте изображение того, чего вы хотите достичь.

Ответ №1:

Измените дочерний элемент Center с помощью приведенного ниже кода:

 Center(
   child: Row(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              crossAxisAlignment: CrossAxisAlignment.center,
                   children: [
                              Text(
                                'Mobiles',
                              ),
                              Icon(Icons.mobile_screen_share),
                            ],
                          ),
                         )

В этом случае текст «мобильные телефоны» и значок будут отображаться рядом. Если вас не устраивает выравнивание, измените mainAxisAlignment и crossAxisAlignment

Комментарии:

1. Спасибо, что теперь событие щелчка работает нормально, и изображение отображается. Пожалуйста, подскажите мне, как увеличить размер значка и правильно выровнять текст под изображением по центру снизу.

2. Измените размер значка, указав его в Icon(Icons.mobile_screen_share, size:50.0) . Я не получил текст под частью изображения, было бы лучше, если бы вы могли уточнить больше.

3. Я хочу, чтобы текст заголовка был выровнен по нижнему центру, т. Е. под каждым изображением, чтобы центр был выровнен должным образом

4. В этом случае текст «мобильные телефоны» и значок будут отображаться рядом. Если вас не устраивает выравнивание, измените выравнивание главной оси и Перекрестное выравнивание. Да, я не доволен, я хочу, чтобы выравнивание текста было выровнено по нижнему центру. пожалуйста, расскажите мне об этом

5. Я бы посоветовал вам изучить Columns , Row и Stack виджеты.