在flutter中创建小部件

Question

我正在尝试在这里创建这个小部件

这是我得到的结果，我在限制小部件的大小而不减少文本时遇到困难

SizedBox(
  height: 90,
  width: double.infinity,
  child: ListView.builder(
    itemCount: 10,
    shrinkWrap: true,
    padding: const EdgeInsets.symmetric(vertical: 0, horizontal: 15),
    scrollDirection: Axis.horizontal,
    itemBuilder: (BuildContext context, int index){
      return Container(
        height: 80,
        width: 78,
        padding: const EdgeInsets.only(right: 11),
        alignment: Alignment.center,
        child: OutlinedButton(
          onPressed: () {

          },
          style: OutlinedButton.styleFrom(
            backgroundColor: Colors.black,
            side: const BorderSide(color: Colors.cyan, width: 1),

          ),
          child: const Column(
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            children: <Widget>[
              Text("SEG", style: TextStyle(color: Colors.white,fontSize: 10 )),
              Text("20", style: TextStyle(color: Colors.white,fontSize: 10 )),
            ],
          ),
        ),
      );
    },

  ),
)

Answer 1

我试图找出你的问题到底是什么，但是文本大小和包含文本的小部件的大小之间没有关系。

文字大小根据您已经设置的内容应用，如果没有，则应用默认值。

顺便说一句，您正在为

Container

的孩子设置填充：

padding: const EdgeInsets.only(right: 11)

。

我认为你的意思是

margins

而不是

padding

。

希望对您有帮助。