Flutter
路和远方
这个作者很懒,什么都没留下…
展开
-
Flutter之原生交互(Android)
Flutter之原生交互(Android)需求: flutter创建一个页面,页面上有个按钮,点击按钮,跳转android原生页面,并传递数据Flutter端代码class JumpToAndroid extends StatelessWidget{ // 确定MethodChannel中name的唯一性 static const jumpPlugin = const MethodChannel('com.barray.flutterapp/plugin'); @override Wid原创 2020-08-12 18:10:55 · 760 阅读 · 3 评论 -
Flutter之文件操作
Flutter之文件操作引入第三方包path_provider: ^1.6.11官方文档文件操作FlatButton( onPressed: () { getTemporaryDirectory().then((value) { print("---->path:${value.path}"); // /data/user/0/com.barray.flutterapp/cache }); getApplicatio原创 2020-08-11 18:09:24 · 4408 阅读 · 0 评论 -
Flutter之请求权限(适配android)
Flutter之请求权限(适配android)导入第三方jar包simple_permissions: ^0.1.9官方文档Android的修改如果当前应用没有使用androidx引入v4包即可,代码无需修改如果使用了androidx则需要引入androidx的包,需要修改代码(项目中原来引用的support-v4)// build.gradledependencies{ implementation 'androidx.appcompat:appcompat:1.2.0'}//原创 2020-08-11 17:28:15 · 2434 阅读 · 0 评论 -
Flutter之动画
Flutter之动画基础动画继承 StatefulWidgetState继承类 with SingleTickerProviderStateMixin创建控制器 AnimationController _controller;实现动画销毁控制器class AnimationPage extends StatefulWidget{ @override State<StatefulWidget> createState() => AnimationPageState(原创 2020-07-30 18:25:30 · 174 阅读 · 0 评论 -
Flutter之Loading框
Flutter之Loading框创建一个loading框class LoadingDialog extends Dialog { @override Widget build(BuildContext context) { return Center( child: Material( color: Colors.black38, child: Center( child: SizedBox( wid原创 2020-07-24 16:05:35 · 3404 阅读 · 0 评论 -
Flutter之状态管理Provider
Flutter之状态管理Provider强烈推荐使用,上手超级简单添加依赖 provider: ^3.1.0变量类import 'package:flutter/material.dart';class Counter with ChangeNotifier { int _count; Counter(this._count); void add() { _count++; notifyListeners(); } int get() {原创 2020-07-21 18:09:44 · 379 阅读 · 0 评论 -
Flutter之点击空白处收起软件盘
Flutter之点击空白处收起软件盘Flutter之点击空白处收起软件盘class GestureDetectorPage extends StatefulWidget { @override State<StatefulWidget> createState() { return GestureDetectorPageState(); }}class GestureDetectorPageState extends State<GestureDetector原创 2020-07-14 16:53:03 · 530 阅读 · 0 评论 -
导航栏返回拦截
导航栏返回拦截显示功能1.首页2s内按物理返回键二次,退出应用2.跳转设置页面,退出登录弹框3.退出应用4.SnackBar的使用功能实现// 首页根布局class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("首页"), ),原创 2020-07-14 15:32:24 · 226 阅读 · 0 评论 -
Flutter之Redux
Flutter之Redux导入库dependencies: flutter_redux: ^0.6.0 redux: ^4.0.0创建传递数据的实例,行为,初始化// 第一步class User { String name; int age; User.initState() { // 初始化数值 name = "张三"; age = 10; } User(this.name, this.age);}// 第二步User reduce原创 2020-07-13 18:15:39 · 387 阅读 · 0 评论 -
Flutter之Json解析
Flutter之Json解析准备数据// json/index.json{ "errorMsg": "", "errorCode": 0, "data": { "curPage": 1, "datas": [ { "chapterName": "hello" }, { "chapterName": "你好" } ] }}引入库和本地文件dependencies: json原创 2020-07-13 14:40:11 · 813 阅读 · 0 评论 -
Flutter之下拉刷新,上拉加载更多
下拉刷新,上拉加载更多// 下拉刷新,上拉加载更多class PullAndLoadViewDemo extends StatefulWidget { @override State<StatefulWidget> createState() => _PullAndLoadViewDemo();}class _PullAndLoadViewDemo extends State<PullAndLoadViewDemo> { List<String>原创 2020-07-10 17:45:51 · 341 阅读 · 0 评论 -
Flutter之TabBar+PageView
Flutter之TabBar+PageView底部TabBarclass PageViewDemo extends StatefulWidget { @override State<StatefulWidget> createState() => _PageViewDemoState();}class _PageViewDemoState extends State<PageViewDemo> with SingleTickerProviderStat原创 2020-07-10 12:40:15 · 3697 阅读 · 0 评论 -
Flutter之TabBar+TabBarView及保存页面状态
Flutter之TabBar+TabBarView及保存页面状态// 主页面class TabBarDemo extends StatefulWidget { @override State<StatefulWidget> createState() { return _TabBarDemoState(); }}class _TabBarDemoState extends State<TabBarDemo> with SingleTickerPr原创 2020-07-10 11:08:37 · 2315 阅读 · 1 评论 -
Flutter之去除半透明状态栏,修改状态栏颜色
Flutter之去除半透明状态栏,修改状态栏颜色class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { // 除半透明状态栏 if (Theme.of(context).platform == TargetPlatform.android) { // android 平台 SystemUiOverlayStyle _style =原创 2020-07-09 17:30:55 · 2845 阅读 · 2 评论 -
Flutter之AppBar自定义开启drawer
Flutter之AppBar自定义开启drawer// Builder方法Scaffold( appBar: AppBar( leading: Builder(builder: (context) { return IconButton( icon: Icon(Icons.menu, color: Colors.black, size: 35), onPressed: () { Scaffold.of(原创 2020-07-09 17:24:39 · 760 阅读 · 0 评论 -
Flutter实例-闪屏页动画
Flutter实例-闪屏页动画/// 闪屏页动画class SplashDemo extends StatefulWidget { @override State<StatefulWidget> createState() { return SplashDemoState(); }}class SplashDemoState extends State&l...原创 2019-10-08 17:39:27 · 448 阅读 · 0 评论 -
Flutter 基础控件 SnackBar
Flutter 基础控件 SnackBar/// SnackBar 示例class SnackBarDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text...原创 2019-10-08 15:48:46 · 354 阅读 · 0 评论 -
Flutter 基础控件 Container
Flutter 基础控件 Container/// 容器 案例class ContainerDemo extends StatelessWidget{ @override Widget build(BuildContext context) { return Container( child: Container( child: Text("Hell...原创 2019-09-26 10:58:49 · 139 阅读 · 0 评论 -
Flutter基础控件 Image
Flutter基础控件 Image/// 图片案例class ImageDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Column( // 纵向容器 mainAxisAlignment: MainAxisAlignment.center, ...原创 2019-09-26 11:40:53 · 148 阅读 · 0 评论 -
Flutter 基础控件 ListView
Flutter 基础控件 ListView简单使用/// ListView 简单案例class ListViewDemo extends StatelessWidget { @override Widget build(BuildContext context) { return ListView( children: <Widget>[ ...原创 2019-09-26 15:58:09 · 136 阅读 · 0 评论 -
Flutter 基础控件 布局
Flutter 基础控件 横向布局/// 水平布局排列 灵活布局和不灵活布局 混用class RowDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Row( children: <Widget>[ // 不灵活布局 ...原创 2019-09-27 11:49:04 · 384 阅读 · 0 评论 -
Flutter 基础控件 CardView
Flutter 基础控件 CardView/// 卡片布局class CardViewDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Center(child: Container( height: 600, child: Card(...原创 2019-09-27 15:57:35 · 779 阅读 · 0 评论 -
Flutter 页面的跳转及数据的传递
Flutter 页面的跳转及返回void main() => runApp(App());class App extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( // 不显示debug的标签 debugShowCh...原创 2019-09-29 10:37:37 · 1185 阅读 · 0 评论 -
Flutter 项目打包 - Android
Flutter 项目打包 - Android创建签名下载并安装JDK,详情问度娘创建签名keytool -genkey -alias android.jks -keyalg RSA -storetype PKCS12 -validity 36500 -keystore android.jks# 创建一个证书文件,名为 android.jks,别名也为 android.jks,加密算法...原创 2019-09-29 17:35:47 · 161 阅读 · 0 评论 -
Flutter 基础控件 BottomNavigationBar
Flutter 基础控件 BottomNavigationBar创建子页面/// 首页class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("HOME"),...原创 2019-09-30 13:59:14 · 204 阅读 · 0 评论 -
Flutter 页面切换动画
Flutter 页面切换动画创建两个模拟页面class LeftPage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.blue, appBar: AppBar(title:...原创 2019-09-30 16:17:18 · 4144 阅读 · 0 评论 -
Flutter实例-毛玻璃效果
Flutter实例-毛玻璃效果/// 毛玻璃效果class FrostedGlass extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("毛玻璃效果"),), body: ...原创 2019-09-30 16:44:38 · 937 阅读 · 0 评论 -
Flutter 基础控件 顶部导航栏 TabBar
Flutter 基础控件 顶部导航栏 TabBar/// 顶部导航栏 democlass TabBarDemo extends StatefulWidget { @override State<StatefulWidget> createState() { return _TabBarDemoState(); }}/// 混入 SingleTickerP...原创 2019-10-08 10:59:44 · 659 阅读 · 0 评论 -
Flutter 保持页面状态
Flutter 保持页面状态/// 计数器class CounterPage extends StatefulWidget{ @override State<StatefulWidget> createState() { return _CounterPageState(); }}class _CounterPageState extends State&...原创 2019-10-08 11:04:06 · 339 阅读 · 0 评论 -
Flutter 基础控件 SearchDelegate
Flutter 基础控件 SearchDelegate/// 搜索 democlass SearchDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("请搜索"), acti...原创 2019-10-08 15:28:10 · 5561 阅读 · 4 评论 -
Flutter 基础控件 Text
Flutter 基础控件 Text/// 文本的案例class TextDemo extends StatelessWidget{ @override Widget build(BuildContext context) { return Container( child: Column( children: <Widg...原创 2019-09-26 10:15:30 · 194 阅读 · 0 评论