Flutter TextButton 填充

发布于04月11日

随着Flutter 2.0的发布，FlatButton已经被TextButton取代.

因此，PADDING属性不再直接可用，而是作为ButtonStyle属性使用.

我的问题是，既然它不再是EdgeInsets，我怎么设置它呢？

TextButton(
   style: new ButtonStyle(
     padding: ???,
   ),
   //padding: const EdgeInsets.all(0),   //NOT AVAILABLE
   child: Text("Support", style: Theme.of(context).textTheme.headline2),
      onPressed: () => {Navigator.pushNamed(context, SupportScreen().routeName)},
   ),

推荐答案

这是我的文本按钮代码

Container(
    child: TextButton(
    style: ButtonStyle(
        backgroundColor:
            MaterialStateProperty.all<Color>(Colors.green),
        padding: MaterialStateProperty.all<EdgeInsets>(
            EdgeInsets.all(10)),
    ),
    child: Text(
        "Login",
        style: TextStyle(
        height: 1.0,
        fontSize: 30,
        color: Colors.white,
        ),
    ),
    onPressed: () => {print("login")},
    ),  
),

请看，我使用了TextButton小部件的Style属性来插入填充和背景对于这两种情况，我都使用了MaterialStateProperty.all