Flutter 开发
文章平均质量分 59
yaoxin521123
创造价值,分享学习,一起成长,相伴前行。
展开
-
Flutter 基础布局 Row Widget
文章目录 Flutter 基础布局 Row WidgetRow Widget Flutter 基础布局 Row WidgetRow Widget类似于Andorid中的LinearLayout控件,水平方向。Row Widgetimport 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';class RowExample extends StatefulWidget { @override原创 2021-02-08 21:29:27 · 343 阅读 · 0 评论 -
Flutter 基础布局 Column Widget
文章目录 Flutter 基础布局 Column WidgetColumn Widget Flutter 基础布局 Column WidgetColumn Widget类似于Andorid中的LinearLayout控件,垂直方向。Column Widgetimport 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';class ColumnExample extends StatefulWidge原创 2021-02-07 17:29:21 · 369 阅读 · 0 评论 -
Flutter 容器布局 Container Widget
文章目录 Flutter 基础布局 Container WidgetContainer 具体用法示例2示例3 Flutter 基础布局 Container WidgetContainer将会是我们以后最常用的控件之一,Container是单容器类控件,即只包含一个子控件。Container可以装饰和定位子控件,例如设置背景颜色、形状等。Container 具体用法alignment 对齐排列方式padding paddingcolor 背景色decoration 背景装饰foregro原创 2021-02-06 18:48:37 · 449 阅读 · 0 评论 -
Flutter 基础布局 Stack Widget
文章目录 Flutter 基础布局 Stack Widget Stack 布局Stack与AlignmentStack与PositionedIndexedStack Flutter 基础布局 Stack Widget Stack Widget布局类似于Android里的FrameLayout,里面的控件是按照先后顺序堆叠在一起的,有层级关系。Stack 布局我们可以看到布局都是叠在一起的。 Stack( children: <Widget>[ Container(原创 2021-02-05 17:26:18 · 436 阅读 · 0 评论 -
Flutter 列表组件 ListView
文章目录 Flutter 列表组件 ListView垂直静态列表水平静态列表动态列表 Flutter 列表组件 ListView垂直静态列表默认为垂直方向import 'package:flutter/cupertino.dart';import 'package:flutter/material.dart';class ListViewVerticalExample extends StatelessWidget { @override Widget build(BuildCon原创 2021-02-04 11:24:32 · 464 阅读 · 0 评论 -
Flutter 如何使用第三方控件
文章目录 Flutter 如何使用第三方控件 1. 包仓库2. 在pubspec.yaml文件,dependencies下添加名称和版本3. 在dart中间中导入第三方控件包4. 示例用url打开百度 Flutter 如何使用第三方控件 1. 包仓库所有包都会发布到Dat的包仓库里,类似与Java的Jar包https://pub.dev/按照喜欢星级排序的第三方库https://pub.dev/flutter/packages?sort=like2. 在pubspec.yaml文件原创 2021-02-01 09:41:05 · 384 阅读 · 0 评论 -
Flutter 基础布局 Scaffold Widget
文章目录 Flutter 基础布局 Scaffold WidgetappBarbodybottomNavigationBardrawerfloatingActionButton完整示例 Flutter 基础布局 Scaffold Widget顾名思义,脚手架,我们在此基础上进行搭建组建进行布局,只要是在 Material 中定义的单个界面显示的 Widget 都可以使用它,它提供了诸如:抽屉(drawers)底部按钮(bottom sheets)和 底部通知(snack bars),你可以认为它是一基本原创 2021-01-29 08:27:24 · 446 阅读 · 0 评论 -
Flutter 基础控件 Button Widget
文章目录 Flutter 基础控件 Button WidgetBackButtonCloseButtonFlatButtonFlatButton.iconOutlineButtonOutlineButton.iconRaisedButtonRaisedButton.iconMaterialButtonRawMaterialButtonFloatingActionButton完整示例 Flutter 基础控件 Button WidgetBackButtonBackButton是一个material风格原创 2021-01-28 09:30:16 · 527 阅读 · 0 评论 -
Flutter 基础控件 Image Widget
文章目录 Flutter 基础控件 Image Widget1. 配置 pubspec.yaml2. 把资源图片放入包assets3. Image 加载 Assets资源图片Image 加载 文件图片Image 加载网络图片Image自定义拆件图片,显示原型图片头像,圆角图片完整代码 Flutter 基础控件 Image Widget1. 配置 pubspec.yaml assets: - assets/assets_image.jpg - assets/check-circle.p原创 2021-01-27 09:40:17 · 372 阅读 · 0 评论 -
Flutter 基础控件 Text Widget
文章目录 Flutter 基础控件 Text Widget 1. 创建TextExample继承StatefulWidget2. 创建TextExampleState继承TextExampleState3. 创建Widget组建Text Widget 用法完整代码 Flutter 基础控件 Text Widget 1. 创建TextExample继承StatefulWidgetclass TextExample extends StatefulWidget { @override State&原创 2021-01-26 10:26:57 · 375 阅读 · 1 评论 -
Flutter 分析初始页面架构源码 main.dart
Flutter 初始页面架构main.dart// import 导入类库,与java类似import 'package:flutter/material.dart';import 'text_example.dart';// void main()就是程序的入口函数void main() { runApp(MyApp());}class MyApp extends StatelessWidget { // 这个Widget是应用的根布局,类似于页面容器 // 这个类就相当与.原创 2021-01-25 09:30:52 · 506 阅读 · 1 评论 -
Flutter 新手环境搭建和Android Studio配置以及安装问题详解
文章目录 Flutter 新手环境搭建和Android Studio配置以及安装问题详解 1. 下载Flutter SDK2. 将下载好的SDK解压到任意目录3. 配置环境变量4. 命令行cmd中执行 `flutter doctor` 命令5. Android Studio安装Dart插件6. Android Studio安装Flutter插件7.创建Flutter项目8. 下载夜神模拟器 Flutter 新手环境搭建和Android Studio配置以及安装问题详解 1. 下载Flutter SDK原创 2021-01-23 16:34:38 · 758 阅读 · 2 评论