![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Flutter
knife_锋
这个作者很懒,什么都没留下…
展开
-
Flutter中的Wrap组件实现热门区域选择布局
1:热门城市选择,搜索记录,热门商品选择往往会展示横向平铺的选择菜单按钮,在Flutter中只需要使用一个组件就能轻松搞定,它就是Wrap组件,用法如下body: Wrap(crossAxisAlignment: WrapCrossAlignment.center,//横向显示 (当然还有垂直方向)spacing: 10,//间距runSpacing: 10,children: [//所有元素集合ElevatedButton(// style: ButtonStyle(/原创 2021-06-25 23:05:43 · 270 阅读 · 2 评论 -
Flutter中的 AspectRatio(aspectRatio: 1/2),组件和Card组件
1:AspectRatio组件,可以控制子元素在父亲元素中的宽高比,让子元素布局和显示更加完美:AspectRatio(aspectRatio: 1/2,child:Container()),child属性对应的container组件相对于在它的父组件中显示宽高比例为 1:22:Card组件,类似于卡片效果,周边有阴影的那种效果,配合listview中的listile使用做列表效果,用法:Card()属性如下:this.color,this.shadowColor,this.e.原创 2021-06-25 23:02:50 · 268 阅读 · 0 评论 -
Flutter中Stack组件的使用
1:Stack组件默认所有的子组件都是叠加的,可以根据Alignment属性来控制相对位置的定位显示return Center(child: Stack(//stack 中所有的组件 相对于 Center组件进行相对位子操作// alignment: Alignment.bottomLeft, //子组件的 偏移,操控children中的所有元素alignment:Alignment(1, 1),//范伟-1--1, 类事于iOS中 CALayer 绘制时候位置猫点children: [原创 2021-06-25 22:55:44 · 291 阅读 · 0 评论 -
Flutter 页面布局中,Padding、Row、Column、Expended组件用法详解
1:在html+Css样式中,标签属性中会有padding这个属性值,但是还在Flutter中并不是所有的组件都有Padding属性,那么如果一个组件没有padding属性,确要达到padding的效果,我们一般是把该组件包装到一个Padding的父组件中,如下;Container( child:Padding( padding:EdgeInsets.fromLTRB(10,10,10,10);//直接可以设置padding值 ...原创 2021-06-25 22:36:18 · 442 阅读 · 0 评论 -
Flutter中使用griderview实现网格布局
在iOS中我们经常用到UICollectionView来实现网格布局,其实在Flutter中也有对应的组件,而且用起来要比UICollectionView容易,那就是GridView如下代码,实现网格布局的基本格式:class _OtherPageState extends State {@overrideWidget build(BuildContext context) {return Container(child: GridView.builder(scrollDirec原创 2021-06-25 22:13:36 · 647 阅读 · 0 评论 -
Flutter中ListView用法详解
在Flutter项目中,listview作为一个列表组件加载到页面中,使用方法如下:class _HomePageState extends State {@overrideWidget build(BuildContext context) {return Container(child: ListView.builder(itemCount: 10,//数据条数itemBuilder: (BuildContext context, int index) {//返回一个 Lis原创 2021-06-25 22:06:47 · 1851 阅读 · 0 评论 -
Flutter 中的 Image 组件 如何加载网络图片和本地图片
如下,直接上代码说明:mian(){ runApp(MyApp());}Class MyApp extends State原创 2021-06-20 21:51:12 · 1301 阅读 · 2 评论 -
Flutter container 组件和Text 组件
首先,在flutter项目中,作为整个项目的RootWidget组件可以是MaterialApp组件 或者 Center 组件,如果直接使用Container组件作为根视图,jia原创 2021-06-20 16:02:26 · 122 阅读 · 0 评论 -
Flutter 的视图结构、组件
1:类似于iOS,flutter入口函数是为main()函数void main() {runApp(MyApp());//runApp()方法表示 程序将qi dong}原创 2021-06-20 00:15:41 · 144 阅读 · 0 评论 -
Dart 中如何使用第三方库 VS(IDE)
pubspec.yaml管理第三方库在pubspec.yaml中添加第三方库名称及版本号。例如添加第三方库english_wordsdependencies: flutter: sdk: flutter cupertino_icons: ^0.1.0 english_words: ^3.1.0 作者:我是吸血鬼链接:https://www.jianshu.com/p/bbda7794345e来源:简书著作权归作者所有。商业转载请联系作者获得授权,非商.原创 2021-06-19 23:04:00 · 277 阅读 · 0 评论 -
Dart中的函数和方法
//函数结构返回值类型 方法名称 (参数1,参数2,...){ //实现体return 返回值;}原创 2021-06-18 16:01:14 · 176 阅读 · 0 评论 -
Dart 集合类型 map 详解
void main(){//创建 L}原创 2021-06-18 15:31:33 · 513 阅读 · 0 评论 -
Dart循环语句
void main(){int a = 10;print(a ++);}原创 2021-06-18 14:45:13 · 82 阅读 · 0 评论 -
Dart运算符和条件表达式
void main(){1:算术运算符 加 减 乘 除 取整 qu}原创 2021-06-18 14:04:25 · 86 阅读 · 0 评论