Flutter: как выровнять TextField с другими виджетами в строке - PullRequest
0 голосов
/ 29 мая 2020

У меня есть строка с Text () и TextField (), но они, похоже, не совпадают. Я Android разработчик, и мой прошлый опыт, похоже, не имеет никакого эффекта. Есть ли у вас какие-либо предложения для Android разработчиков с точки зрения навыков выравнивания?

screenshot

  SizedBox(
                          height:44,
                          child:
                          Row(crossAxisAlignment: CrossAxisAlignment.center,
                            mainAxisAlignment: MainAxisAlignment.center,
                            children: <Widget>[
                            Text("+60",
                              textAlign: TextAlign.start,
                              style: TextStyle(fontSize: 15,
                            color: Colors.white
                            ),),
                            Container(margin:EdgeInsets.fromLTRB(15,0,15,0)
                            ,width: 1,height: 12,color: Color(0x33FFFFFF),),
                              Expanded(//TextField
                                child: TextField(
                                  textAlign: TextAlign.start,
                                  keyboardType: TextInputType.number,
                                  cursorColor: Color(0x66FFFFFF),
                                  style: TextStyle(
                                      color: Colors.white,
                                      fontSize:15
                                  ),
                                  inputFormatters: [
                                    WhitelistingTextInputFormatter
                                        .digitsOnly,
                                    LengthLimitingTextInputFormatter(10)
                                  ],
                                  decoration: InputDecoration(
                                      hintText: 'Phone number',
                                      hintStyle: TextStyle(
                                          color: Color(0x66FFFFFF),
                                          fontSize: 15
                                      ),
                                      border: InputBorder.none
                                  ),
                                ),
                              )
                                ,
                          ],)
                        )

1 Ответ

1 голос
/ 29 мая 2020

свойство SizedBox height управляет ограничением Row, таким образом, оно не позволяет ему свободно выравнивать его дети, просто удалите виджет SizedBox, и все будет работать нормально.

...