启程
用Flutter开发主要的优势就在于UI层的构建,说到界面设计给出的尺寸的单位和开发的单位不一致,那么我们就要获取设备的宽度
1 | final size = MediaQuery.of(context).size; |
获取后在蓝湖中指定宽度后,就可以直接用蓝湖显示的宽高来写页面了。
查看Flutter各组件的网站:https://ui.flutterdart.cn/
TextField
基本示例
1 | TextField( |
Button
Flutter中给我们预先定义好了一些按钮控件给我们用,常用的按钮如下
- RaisedButton :凸起的按钮,其实就是Android中的Material Design风格的Button ,继承自MaterialButton
- FlatButton :扁平化的按钮,继承自MaterialButton
- OutlineButton :带边框的按钮,继承自MaterialButton
- IconButton :图标按钮,继承自StatelessWidget
GestureDetector
非Button组件添加点击事件
1 | GestureDetector( |