Я хочу добавить значок в украшение коробки, как это вы видите изображения слева.

enter image description here

Как мне добавить это с украшением коробки

Вот код:

    Container(
             width: 307,
             decoration: BoxDecoration(
                border: Border.all(color: Colors.blueAccent),
               borderRadius: BorderRadius.circular(10.0),
               shape: BoxShape.rectangle,
             ),
           child: CountryListPick(
            onChanged: (list){
              print(list?.name);
                },
              theme: CountryTheme(
                labelColor: Colors.white,
                isShowFlag:true,
                isShowCode: false,
                isShowTitle:true,
                isDownIcon: true,
                showEnglishName: true,
              ),
            ),
           ),
0
mob_dev 17 Янв 2022 в 14:01

3 ответа

Лучший ответ

Вы можете использовать строку как дочерний элемент контейнера

Container(
                  width: 307,
                  decoration: BoxDecoration(
                    border: Border.all(color: Colors.blueAccent),
                    borderRadius: BorderRadius.circular(10.0),
                    shape: BoxShape.rectangle,
                  ),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Flexible(
                        child: Image.asset(
                          "assets/images/cover_placeholder.png",
                          height: 30,
                          width: 30,
                          fit: BoxFit.contain,
                        ),
                      ),
                      SizedBox(width: 12,),
                      Flexible(
                        child: CountryListPick(
                          onChanged: (list){
                            print(list?.name);
                          },
                          theme: CountryTheme(
                            labelColor: Colors.white,
                            isShowFlag:true,
                            isShowCode: false,
                            isShowTitle:true,
                            isDownIcon: true,
                            showEnglishName: true,
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
0
Zakaria Hossain 17 Янв 2022 в 14:15
Только один вопрос Есть ли способ изменить цвет метки? Я использую популярную библиотеку (country_list_pick), чтобы получить список стран.
 – 
mob_dev
17 Янв 2022 в 14:34
Я изучил список задач библиотеки country_list_pick в github, но в настоящее время у них нет возможности изменить цвет текста/метки. Но вы можете попробовать эту тему, хотя я этого не пробовал. github.com/hifiaz/country-list-pick/issues/30
 – 
Zakaria Hossain
17 Янв 2022 в 14:40

Вы можете использовать этот виджет для текстового поля с рамкой и значком:

TextFormField(
          key: Key(key),
          controller: controller,
          decoration: InputDecoration(
            prefixIcon: Icon(icon), // <-- left icon
            hintText: hintText,
            border: OutlineInputBorder( //<--- decoration border
              borderRadius: BorderRadius.all(Radius.circular(90.0)),
              borderSide: BorderSide.none,
            ),
            filled: true,
          ),
        )
1
Maikzen 17 Янв 2022 в 14:05
So you can use SizedBox or Container - 
     SizedBox(
              width: 300.0,
              height: 120.0,
              child: Padding(
                padding: const EdgeInsets.all(5.0),
                child: Container(
                  child: Row(
                    children: <Widget>[
                      Material(
                        type: MaterialType.transparency,
                        child: Stack(
                          children: <Widget>[
                            Column(
                              children: <Widget>[
                                Container(
                                  padding: const EdgeInsets.only(
                                      top: 1.0, bottom: 1.0, right: 5.0),
                                  height: 50.0,
                                  width: 50.0,
                                  decoration: BoxDecoration(
                                    borderRadius:
                                        BorderRadius.circular(15.0),
                                    color: Colors.green[50],
                                  ),
                                  child: IconButton(
                                    icon: Icon(Icons.favorite),
                                    color: Colors.red[700],
                                    highlightColor: Colors.red,
                                    onPressed: () {},
                                  ),
                                ),
                              ],
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
              ),
            ),
0
ArvinT 17 Янв 2022 в 14:21