- 博客(15)
- 收藏
- 关注
原创 2021-08-23
学习目标:网络接口Raw格式POST的请求遇到的坑学习内容:最新项目中遇到一个很棘手的问题,Swift网络接口调用,使用原生代码实现,本来很简单的创建session、request对象,设置httpbody,这样流程很快能实现,代码如下 let parameters = ["sceneType":"sceneType","grayscaleType":value"] let postData = parameters.data(using: .utf8) v
2021-08-23 16:06:11
105
原创 Flutter中的Wrap组件实现热门区域选择布局
1:热门城市选择,搜索记录,热门商品选择往往会展示横向平铺的选择菜单按钮,在Flutter中只需要使用一个组件就能轻松搞定,它就是Wrap组件,用法如下body: Wrap(crossAxisAlignment: WrapCrossAlignment.center,//横向显示 (当然还有垂直方向)spacing: 10,//间距runSpacing: 10,children: [//所有元素集合ElevatedButton(// style: ButtonStyle(/
2021-06-25 23:05:43
280
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
275
原创 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
301
原创 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
461
原创 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
661
原创 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
1868
原创 Flutter 中的 Image 组件 如何加载网络图片和本地图片
如下,直接上代码说明:mian(){ runApp(MyApp());}Class MyApp extends State
2021-06-20 21:51:12
1315
2
原创 Flutter container 组件和Text 组件
首先,在flutter项目中,作为整个项目的RootWidget组件可以是MaterialApp组件 或者 Center 组件,如果直接使用Container组件作为根视图,jia
2021-06-20 16:02:26
125
原创 Flutter 的视图结构、组件
1:类似于iOS,flutter入口函数是为main()函数void main() {runApp(MyApp());//runApp()方法表示 程序将qi dong}
2021-06-20 00:15:41
147
原创 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
288
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人