FLutter Dialog setState及 Dialog被输入框挡住的问题

最新推荐文章于 2024-05-14 15:46:55 发布

原创

最新推荐文章于 2024-05-14 15:46:55 发布

· 786 阅读

1 ·

版权

文章标签：

#flutter

本文探讨了Flutter中Dialog组件在使用setState更新状态以及如何解决Dialog被输入框遮挡的问题。通过使用特定的背景颜色透明组件来包裹Dialog，可以避免输入框阻挡显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.FLutter Dialog setState

使用StatefulBuilder组件，使用setState1方法管理Dialog状态

showDialog(
    context: context,
    builder: (context) {
     return StatefulBuilder(
       builder: (BuildContext context1,
           void Function(void Function()) setState1) {
         return Scaffold(
           backgroundColor: Colors.transparent,
           body: Center(
             child: Container(
               width: 600.px,
               height: 610.px,
               padding: EdgeInsets.all(20.px),
               decoration: BoxDecoration(
                 borderRadius: BorderRadius.circular(30.px),
                 color: Colors.white,
               ),
               child: Column(
                 children: [
                   Text("创建房间"),
                   SizedBox(height: 20.px),
                   Row(
                     mainAxisAlignment: MainAxisAlignment.spaceAround,
                     children: [
                       if (roomList != null)
                         for (var data in roomList!)
                           Column(
                             children: [
                               GestureDetector(
                                 onTap: () {
                                   chooseType = data.type;
                                   print(chooseType);
                                   setState1(() {});
                                 },
                                 child: Container(
                                   child: Image.network(
                                     data.icon,
                                     width: 230.px,
                                   ),
                                   decoration: BoxDecoration(
                                       border:
                                       chooseType == data.type
                                           ? Border.all(
                                           color: Colors
                                               .blueAccent,
                                           width: 3.px)

最低0.47元/天解锁文章