flutter - 如何使用数字验证器将 FlatButton 转换为 textButton

Question

Row(  
children : [  
Expanded(  
 child : AbsorbPointer(  
absorbing: _validPhoneNumber **?** false **:** true,  
child **:** FlatButton(  
color **:** _validPhoneNumber  
**?** Theme.of(context).primaryColor  
**:** Colors.grey,  
child: Text(  
_validPhoneNumber  
**?** 'PROCESSED'  
**:** 'ENTER YOUR PHONE NUMBER',  
style: TextStyle(color: Colors.white),  
),  
onPressed : () {},  
),  
),  
),  
],  
),  

尝试此代码，但颜色线出现一些错误

Row(  
children: [  
Expanded(  
child: AbsorbPointer(  
absorbing: _validPhoneNumber **?** false **:** true,  
child: TextButton(  
**color**  : _validPhoneNumber  
**?** Theme.of(context).primaryColor  
**:** Colors.grey,  
child: Text(  
_validPhoneNumber  
**?** 'PROCESSED'  
**:** 'ENTER YOUR PHONE NUMBER',  
style: TextStyle(color: Colors.white),  
),  
onPressed: () {},  
),  
),  
),  
],  
)    

Answer 1

TextButton 小部件 API 不公开颜色属性。但是，您可以将 TextButton.styleFrom 工厂传递给样式属性，如下所示。

TextButton(
    style: TextButton.styleFrom(
        primary: Colors.white,
        backgroundColor: Colors.blue,
    ),
    onPressed: () {},
    child: Text('Click'),
)