我正在尝试在这里创建这个小部件
这是我得到的结果,我在限制小部件的大小而不减少文本时遇到困难
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 )),
],
),
),
);
},
),
)
我试图找出你的问题到底是什么,但是文本大小和包含文本的小部件的大小之间没有关系。
文字大小根据您已经设置的内容应用,如果没有,则应用默认值。
顺便说一句,您正在为
Container
的孩子设置填充:padding: const EdgeInsets.only(right: 11)
。
我认为你的意思是
margins
而不是padding
。
希望对您有帮助。