Flutter
文章平均质量分 90
Holothurian
千里之行跬步起、江海之成小流积。有志始知蓬莱近、无为总觉咫尺远。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
7、Flutter项目的SeachPage
首先将微信聊天界面_ChatPageState类的build渲染方法下ListView.builder的itemBuilder实现部分抽离出来,形成一个回调方法,返回item给它.?""),?"",),),?""),),2. 接下来也就是,当当前的index == 0,也就是第一个元素的位置时,我们需要将SearchCell设置其上.也就是起展示作用,点击这个cell会跳转到SearchPage中.进行搜索的相关逻辑响应.原创 2023-05-05 21:26:01 · 756 阅读 · 2 评论 -
6、Flutterr聊天界面&网络请求
3. 接着点击右上角‘编辑’按钮,新建响应内容,类型为Array,一次生成50条4. 点击chat_list左侧添加按钮,新建chat_list中的数据内容,此时用到一个.将数据填上,然后保存.5.接下来,我们想让获取的图像是个随机值,那么参考网站中的生成规则.6.接着回到响应内容这里,通过设置初始值规则,生成随机的图片地址.原创 2023-05-05 21:06:33 · 3207 阅读 · 0 评论 -
5、Flutter通讯录索引条效果实现
3.然后在ListView.builder中有个controller属性,将我们创建的_scrollController设置给它,此时的_scrollController就相当于代理。4. 接着在IndexBar构造方法调用的地方设置,来到friends_page.dart中.将悬浮检索控件的调用改为。4.来到IndexBar调用处.在回调响应方法中,设置滚动控制器的响应方法。3. 在IndexBar中与拖拽索引控件对应的回调相互联动,设置滚动偏移量。3. 接下来在IndexBar的回调中做逻辑判断处理。原创 2023-05-05 20:49:41 · 1528 阅读 · 2 评论 -
4、Flutter项目之我的&通讯录
1、根据微信我的界面UI、导航栏上没有标题.因此删掉Scaffold中设置的AppBar部分.2、由UI效果,选用Stack层叠式布局3、整体划分为相机+头部视图和下边的Cell视图.4、然后先画出一个相机,接着按照Stack布局包含Header+Cell;Cell按照发现界面的设置逻辑,布局出来.原创 2023-05-05 20:30:57 · 1128 阅读 · 0 评论 -
3、Flutter项目搭建
本地资源文件在pubspec.yaml中配置.由无状态组件改为有状态组件,访问属性时需要添加上widget.GestureDetector,用于监听点击事件.点击cell时,我们想要它跳转到下一个界面去.Navigator对象.of获取context,push到下一个界面MaterialPageRoute:一种模式路线,它用平台自适应转换来替换整个屏幕。构造BuildContext返回值对象为:需要跳转到的界面。原创 2023-05-05 20:18:00 · 1914 阅读 · 0 评论 -
2、Flutter布局和状态管理
布局方面有三种布局方式Row横向Column纵向Stack层级在横向和纵向布局中有主轴和交叉轴的概念Positioned 位置小部件,可以在布局的Children中使用,设置相对布局.Alignment(x,y) 取值范围为 -1.0 ~ 1.0宽高比 AspectRatio状态管理: 所有的界面都是不可变的(无状态的);State是一个状态管理者,可以用来刷新界面,继承于StatefulWidget(描述外观的).当数据发生变化时,通过setState将界面重新渲染.原创 2023-05-05 19:59:45 · 908 阅读 · 0 评论 -
1、Flutter使用总结(RichText、Container)
注: 当运用Android Studio时、选择安卓模拟器运行项目、如果项目路径有中文名称: 那么运行报错、如果直接在项目路径下,采用终端运行安卓模拟器、可执行如下命令。4、当创建Flutter项目时,FlutterPlugin和Flutter Package的区别在于、9、对上述的ListView使用进行再度封装、创建一个 listview_demo.dart文件。3、当对当前项目做了修改时、在当前运行情况下输入 r、即可执行热重载刷新界面。5、当项目运行卡死时、10、Text文本使用。原创 2023-05-05 19:52:49 · 2514 阅读 · 1 评论 -
Dart语法下
范型就是解决类、接口、方法的复用性,以及对不特定数据类型的支持(类型校验)1、从下面网址找到要用的库2、创建一个pubspec.yaml文件,内容如下name: xxx3、配置dependencies4、运行pub get 获取远程库5、看文档引入库使用我们自定义的库系统内置库Pub包管理系统中的库需要在自己项目根目录下新建一个pubspec.yaml在pubspec.yaml文件,然后配置名称,描述,依赖等信息.然后运行pub get 获取包下载到本地。原创 2023-05-05 17:05:34 · 1098 阅读 · 0 评论 -
Dart语法中
九、Dart中的对象、类、类的创建、构造函数、命名构造函数、类模块化、私有属性、私有方法set、get。Dart中抽象类: Dart抽象类主要用于定义标准,子类可以继承抽象类,也可以实现抽象类接口.十二、Dart中一个类实现多个接口以及Dart中的Mixins。9.7 类中的getter和setter修饰符的用法.十、Dart中类的静态成员、操作符、类的继承。10.7 Dart类的继承,覆写父类的方法。9.3 Dart中自定义类的默认构造函数。9.4 Dart中自定义类的命名构造函数。原创 2023-05-05 16:32:28 · 1154 阅读 · 0 评论 -
Dart语法上
Flutter之Dart,练习来源于B站视频原创 2023-05-05 16:16:56 · 1380 阅读 · 0 评论 -
path/to/sdkmanager --install “cmdline-tools;latest“
2、选中Android SDK --> SDK Tools --> Android SDK Command-line Tools(latest) --> Apply。执行flutter doctor时、报错Android Studio的命令行工具没有安装& 以及 android-licenses没有同意。1、打开Android Studio -- Tools -- SDK Manager。之类的, 因为同意条款的时候,日志太多,所以把报错覆盖了.没有截图.4、再执行flutter doctor、原创 2023-05-01 17:40:37 · 6239 阅读 · 0 评论
分享