帶有單選按鈕的FlutterListTile3在一個行中。

我試圖在flutter中使用Radio Button ad ListTile添加3個帶標題的單選按鈕，但每個單選按鈕的標題都溢位了，而且出現了兩行。我怎樣才能使它出現在一行中呢？

這里是圖片

以下是我用來顯示3張瓷磚的代碼。

 Padding(
                        padding: EdgeInsets.only(left: 5, right: 5）。)
                        兒童。列(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          兒童。[
                            Text("Gender",
                              風格。TextStyle(fontSize: 19),)。
                            行(
                              mainAxisAlignment: MainAxisAlignment.center,
                              兒童。[
                                Expanded(
                                  child:ListTile(
                                    標題。const Text('Female') 。
                                    領導。單選()
                                      fillColor: MaterialStateColor.resolveWith((state) => Color(0XFFB63728))。
                                      值。Gender.female,
                                      groupValue: _gen,
                                      onChanged: (Gender?value) {
                                        setState(() {
                                          _gen = value。
                                        });
                                      },
                                    ),
                                  ),
                                ),
                                擴展的(
                                  孩子。ListTile(

                                    標題。const Text('Male')。
                                    領導。單選()
                                      fillColor: MaterialStateColor.resolveWith((state) => Color(0XFFB63728))。
                                      值。Gender.male,
                                      groupValue: _gen,
                                      onChanged: (Gender?value) {
                                        setState(() {
                                          _gen = value。
                                        });
                                      },
                                    ),
                                  ),),
                                展開(
                                  child:ListTile(
                                    標題。const Text（'Other'）。
                                    領導。單選()
                                      fillColor: MaterialStateColor.resolveWith((state) => Color(0XFFB63728))。
                                      值。Gender.other,
                                      groupValue: _gen,
                                      onChanged: (Gender?value) {
                                        setState(() {
                                          _gen = value。
                                        });
                                      },
                                    ),
                                  ),
                                ),

                              ],
                            )

uj5u.com熱心網友回復：

在ListTile里面添加contentPadding屬性 :

ListTile(
       contentPadding。EdgeInsets.all(0)。

contentPadding設定為0，可以去除前導和標題之間的額外空間。

更多資訊: https://api.flutter.dev/flutter/material/ListTile/contentPadding.html

標籤：

上一篇：在理解中訪問字串的索引

下一篇：捕捉函式中的例外