появление клавиатуры в флаттере изменяет размер макета - PullRequest
Новая
       6

появление клавиатуры в флаттере изменяет размер макета

1 голос
/ 07 марта 2020

, поэтому я создал эту страницу макета здесь image 1, но когда я нажимаю на textfeild, появляется клавиатура, меняются размеры моего макета и появляются ошибки, как вы видите здесь image 2 и это мой код 

      body: Column(
          children: <Widget>[
              Expanded(
                child : Container(
                    padding:  EdgeInsets.only(top: 32,left: 31,right: 31),
                    color: hexToColor('#ffffff'),
                    height: MediaQuery.of(context).size.height,
                    child : Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: <Widget>[

                        Container(
                          padding:  EdgeInsets.only(top: 29),
                          child: Text("Your message",style: TextStyle(fontFamily: 'GilmerBold',color: hexToColor('#5c6277'),fontSize: 8),),
                        ),
                        Container(
                          padding:  EdgeInsets.only(top: 0,left: 10,right: 6),
                          decoration: BoxDecoration(
                            border: Border.all(color: hexToColor('#5c6277')),
                            borderRadius: BorderRadius.all(
                                Radius.circular(6.0) //                 <--- border radius here
                            ),
                          ),
                          height: 218,
                          margin:  EdgeInsets.only(top: 12),
                          child: TextField(
//                            keyboardType: TextInputType.multiline,
//                            maxLines: 10,
                            cursorColor: hexToColor('#f26937'),
                            decoration: new InputDecoration.collapsed(
//                                      border: new OutlineInputBorder(
//                                          borderSide: new BorderSide(color: hexToColor('#5c6277'),style: BorderStyle())
//                                      ),
                              hintText: "Write your message here…",hintStyle: TextStyle(fontFamily: 'GilmerRegular',color: hexToColor('#5c6277'),fontSize: 16),
                            ),
                          ),
                        ),
                        Spacer(),
                        //SizedBox(height: 32,),
                        ButtonTheme(
                            minWidth: 298.0,
                            height: 54.0,
                            child : RaisedButton(
                              onPressed: (){
                                //showAlertDialog(context);
                                //Navigator.push(context, MaterialPageRoute(builder: (context)=>aboutTheVehicule()),);
                              },
                              elevation: 0,
                              color : hexToColor('#e3e3e3'),
                              child: Text("Send message",
                                style: TextStyle( color : hexToColor('#5c6277'),fontFamily:'GilmerMedium'),),
                            )),
                        SizedBox(height: 32,),





                      ],
                    ),
                )
              )
          ]
      )

, и я искал на Goole, и я нашел решение, чтобы добавить resizeToAvoidBottomPadding: false, ИЛИ resizeToAvoidBottomInset: false, и оба они не являются решением для меня

...