Flutter基本语法

192 阅读1分钟
Scaffold

把写好代码进行,鼠标右击,选择 Extract method 
容器控件:Container
常用属性
alignment: Alignment.center
padding: const EdgeInsets.only(left: 10,right: 50)

圆角
decoration: BoxDecoration(
            border: Border.all(color: Color(0xFFFF0000), width: 1.5),
            color: Colors.white,  ///此属性不能跟Container的bgColor颜色同时设置
            borderRadius: BorderRadius.circular((13.0))
),


富文本控件:RichText

点击
recognizer: TapGestureRecognizer()
..onTap = (){
    print('Eden');
    
    /// 跳转别的页面
    Navigator.push(context, MaterialPageRoute(builder: (context) {
       return const LoginViewController();
    }));
}


占位控件
SizedBox(
  width: 30,
),

水平
Row


Container 添加 点击手势 
var _backView = Container(
      child: SvgPicture.asset(
          'assets/shoppingCart/back.svg',
           width: 24,
           height: 24,
));


var tapBackView = GestureDetector(
        child: _backView ,
        onTap: (){
            print('EdenChow');
        },

);