![](https://csdnimg.cn/release/downloadcmsfe/public/img/no-data.51c5211b.png)
![](https://csdnimg.cn/release/downloadcmsfe/public/img/good-course.ff455529.png)
- 【Flutter】入门03-appBarimport 'package:flutter/material.dart'; import 'package:flutter/rendering.dart'; void main() { runApp(App()); } class App extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, //去掉右上角的debug 图标 theme:
0 96浏览
会员免费 - 【flutter老司机分享①】flutter 无context弹出层直接上代码,各位自己测试,私人手敲珍藏代码 全部原生,无需任何插件,各位记得复制完点赞
0 360浏览
会员免费 - flutter Text 下划线,删除线,虚线,加粗,斜体等设置方案import ‘package:flutter/material.dart’; void main(){ runApp( MaterialApp( title:‘Text Demo’, home:ContainerDemo() ), ); } class ContainerDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(‘文本组件’), ), body: Column( children: [ Te
0 1296浏览
会员免费 - Flutter – ListView2 – 复杂样式 – weidget抽离json_to_dart -在线生成model代码 Json在线校验 Flutter JSON解析与复杂模型转换技巧 json转实体类(json_to_dart和插件) Flutter 自动化Json转Model的实现 Flutter中Json解析和模型转换 Flutter 之 ListView Flutter滚动型容器组件 – ListView篇 ###效果图 ListViewTest_CustomVC 代码 (for循环造假数据) import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart
0 230浏览
会员免费 - Flutter项目实战 (1)底部Tabbar的创建一、底部Tabbar的创建 Tabbar经常在项目中使用,在Flutter中如何创建Tabbar呢?在Flutter中创建Tabbar的思路和iOS开发中创建Tabbar类似,有几个Tabbar的选项卡就需要对应的创建几个页面。在Flutter中每一个选项卡对应一个BottomNavigationBarItem,在BottomNavigationBarItem中可以设置item的标题和图标等。Flutter中创建tabbar的组件为BottomNavigationBar,具体的实现方法请看下文介绍。 1. 新建四个页面 Tabbar需要设置几个选项卡,就需要创建对应的几个页面。这里我们将创建一
0 259浏览
会员免费 - Flutter 基础路由传值文件结构: 内容承接 https://blog.csdn.net/u013227399/article/details/103787189 home.dart import 'package:flutter/material.dart'; import '../Search.dart'; import '../From.dart'; class HomePage extends StatefulWidget { HomePage({Key key}) : super(key: key); @override _HomePageState createState() => _Ho
0 117浏览
会员免费 - Flutter中AspectRatio组件、Card卡片组件AspectRatio组件 AspectRatio组件可以设置子元素child的宽高比 //导入了Material UI组件库 ,快捷操作fim import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } //自定义组件 //StatelessWidget:无状态组件,状态不可变的widget //StatefulWidget:有状态组件,状态可以改变 //fluter中一切都是组件 //使用MaterialApp和Scaffold 两个组件装饰App //MaterialApp一般作为根组件----h
0 255浏览
会员免费 - 组件 – Image Text Icon组件 – Image Text Icon 内容来自教程《Flutter技术入门与实战》 无状态组件和有状态组件 参考: StatelessWidget class StatefulWidget 两分钟带你掌握Flutter的StatelessWidget与StatefulWidget Flutter中的StatelessWidget是一个不需要状态更改的widget – 它没有要管理的内部状态。 当您描述的用户界面部分不依赖于对象本身中的配置信息以及widget的BuildContext 时,无状态widget非常有用。 AboutDialog, CircleAvatar和 Text 都是St
0 74浏览
会员免费 - Flutter常用的布局组件Flutter中有很多布局组件,看起来纷繁复杂,而实际上其中有很多布局组件都是“过时”的,也就是说它们都有更好更简单的替代品。下面就将我最近半年多Flutter开发中常用的布局组件做一个小归纳。 1.常用布局组件 Row https://api.flutter.dev/flutter/widgets/Row-class.html 构造函数: Row({ Key key, MainAxisAlignment mainAxisAlignment,// 主轴方向的对齐方式 MainAxisSize mainAxisSize,// 主轴方向上的尺寸,默认matchParent。也可设置为w
0 401浏览
会员免费 - 【Flutter之旅】各种布局形式-Day2各种布局形式 Column垂直布局 效果 源代码 import 'package:flutter/material.dart'; void main()=>runApp(MyApp()); class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { // TODO: implement build return MaterialApp( title: ccatom, home: Scaffold( //应用栏
0 108浏览
免费 - flutter学习记录2使用外部包添加一个 有状态的部件参考flutter中文网 将bulid过程放在RandomWordState中并使用外部包english_words import 'package:flutter/material.dart'; import 'package:english_words/english_words.dart'; void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialA
0 76浏览
会员免费 - Flutter中 AlertDialog、SimpleDialog、showModalBottomSheet及第三方组件fluttertoast的使用main.dart import 'package:flutter/material.dart'; import 'package:fluttertoast/fluttertoast.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( //标题栏 appBar:
0 242浏览
会员免费 - flutter SingleChildScrollView的使用SingleChildScrollView相当于安卓的ScrollView,SizedBox是一个能指定宽高的盒子,一般默认占据主轴空间 import 'package:flutter/material.dart'; class Demo1 extends StatelessWidget{ @override Widget build(BuildContext context) { // TODO: implement build return Scaffold( appBar: AppBar( elevation: 0.0,
0 1406浏览
会员免费 - Flutter 自定义底部导航栏文件结构: main.dart import 'package:flutter/material.dart'; import 'pages/tabs.dart'; void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Tabs(), ); } } tabs.dart import 'package:flutte
0 711浏览
会员免费 - 第一个Flutter demo——实现无限循环列表第一个Flutter demo(一) 参照flutter官网,实现第一个Flutter应用。第一部分:实现无限循环列表 第一部分功能介绍: 从零开始创建了一个 Flutter 应用; 编写 Dart 代码; 使用外部的第三方库(package); 在开发过程中试用了热重载 (hot reload); 实现了一个有状态的 widget; 创建了一个懒加载的,无限滚动的列表。 效果图: 全部代码都在main.dart中, main.dart 代码如下: import 'package:flutter/material.dart'; import 'package:english_words/en
0 675浏览
会员免费 - Flutter路由返回/替换/返回根路由再来分享一篇关于路由的姿势,前面两篇说的是由一个页面跳转另一个页面,这篇说说跳转页面之后如何往回跳(当然了,一般跳转页面后页面标题左面都会有一个箭头可以返回上一页,这个就不做讨论了),前面两篇文章已经附上了管理路由的代码,这里就简写了,只贴实现功能的部分代码 先把入口文件和管理路由配置好,后面直接往上面添加就可以 //main.dart import 'package:flutter/material.dart'; import 'routes/Routes.dart'; void main() => runApp(MyApp()); class MyApp extends Stateles
0 281浏览
会员免费 - flutter应用开发中文本输入框TextField的焦点获取控制篇题记 —— 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天。 重要消息 精通点的可以查看这里 精述 Flutter 从入门实践到开发一个APP之UI基础篇 视频 flutter从入门 到精通 系列文章 TextField 系列文章 TextField的基本使用以及TextField常用属性精讲《点击查看详情》 TextField 焦点获取控制篇《就是本文章了》 TextField 输入文本样式 TextStyle 篇《正在发文中》 TextField 输入文本 textAlign 对齐分析篇《正在发文中》 TextField 输入文本 decoration 配置边框样
0 683浏览
会员免费 - flutter 动态申请权限在pubspec.yaml 文件中导入 permission_handler: ^3.2.0 import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:permission_handler/permission_handler.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext
0 865浏览
会员免费 - Flutter ListView列表组件、动态列表//导入了Material UI组件库 ,快捷操作fim import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } //自定义组件 //StatelessWidget:无状态组件,状态不可变的widget //StatefulWidget:有状态组件,状态可以改变 //fluter中一切都是组件 //使用MaterialApp和Scaffold 两个组件装饰App //MaterialApp一般作为根组件----home、title、color、theme、routes等 class MyApp ext
0 531浏览
会员免费 - Flutter页面布局之Padding、Row、Column、Expanded目录 1、Padding组件 2、Row水平布局组件 3、Column垂直布局组件 4、Expanded弹性布局 5、小Demo Padding组件 padding是布局中最常用的布局,因为Flutter中有好多组件并没有padding属性,所以要用padding组件来包裹起来。 常用属性:padding和child import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(Bu
0 749浏览
会员免费 - Flutter – ListView5 – Expanded保持控件居于底部###效果图 ListView5 代码 import 'package:flutter/material.dart'; import 'package:flutter_app/jhImageTool.dart'; var dataArr; var phone = 1234xxxx1234; var address = 这是地址; var range = 这是描述这是描述; var adminData = [ { title: title11, icon: service/icon_baoxiu, bgImg: service/bg
0 1021浏览
会员免费 - 【Flutter】入门04-tab页的使用import 'package:flutter/material.dart'; void main() { runApp(App()); } class App extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, //去掉右上角的debug 图标 theme: ThemeData( primaryColor: Colo
0 60浏览
会员免费 - Flutter GridView组件以及动态GridView//导入了Material UI组件库 ,快捷操作fim import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } //自定义组件 //StatelessWidget:无状态组件,状态不可变的widget //StatefulWidget:有状态组件,状态可以改变 //fluter中一切都是组件 //使用MaterialApp和Scaffold 两个组件装饰App //MaterialApp一般作为根组件----home、title、color、theme、routes等 class MyApp ext
0 663浏览
会员免费 - Flutter 动态电子时钟创建工具common.dart文件 const CLOCK_INTERVAL = Duration(microseconds: 1000); const ChineseWeekDays = { 1: '一', 2: '二', 3: '三', 4: '四', 5: '五', 6: '六', 7: '日', }; String pad0(int num) { if (num < 10) { return '0${num.toString()}'; } return num.toString(); } 创建组件基础theme_base.dart文件
0 261浏览
会员免费 - Flutter 自定义dialog工具类自定义一个Loading等待Dialog工具类 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; /* * 自定义Loading等待弹框 * @params text 提示内容 */ class LoadingDialog extends Dialog { final String text; LoadingDialog({Key key, @required this.text}) : super(key: key); @override Widget bu
0 513浏览
会员免费 - Flutter局部刷新在Flutter中,如果我们想要更新页面中的某个widget的状态的话,一般会使用setState方法重走build方法来刷新。当页面布局复杂的时候,这样肯定是不行的。 下面提供了两种局部刷新的方式,通过provider和StreamBuilder来实现局部刷新 1、通过provider刷新 首先在pubspec.yaml中添加provider依赖 # provider provider: ^3.1.0 下面通过provider来实现一个发送验证码的案例。 创建一个TimerModel文件 import 'dart:async'; import 'package:flutter/ma
0 404浏览
会员免费 - 2019,我在几个新的技术领域的尝试和心得又到一年结束时,回顾这一年,我在几个新的技术领域取得了一些小小的收获,这其中,有App相关的,也有App领域之外的。接下来,我来谈谈自己的一些实践和心得体会。 1)《Android插件化开发指南》的英文版出版 在社区一众朋友的帮助下,我把这本书翻译成英文,并经过几番修改,终于由CPC Press在国外出版了,在中文版的基础上加上了对Android O和P的插件化支持。书的英文名是《Android App-Hook and Plug-In technology》。我不知道老外对这个技术的接受程度有多少,但总算是了却了一桩心愿,让全世界知道Android技术在中国做的有多深入。 接下来,我会在微
0 116浏览
会员免费 - Flutter中使用进度条seekbar效果图 引入依赖 flutter_seekbar: git: https://github.com/LiuC520/flutter_seekbar.git 全量demo代码 https://github.com/LiuC520/flutter_seekbar/blob/master/example/lib/main.dart 简化demo效果 简化demo代码 import 'package:flutter/material.dart'; import 'package:flutter_seekbar/flutter_seekbar.dart'; void main() =>
0 466浏览
会员免费 - Flutter之抽屉组件DrawerDrawer(抽屉组件) 1、概述 Scalfold 是 Flutter MaterialApp 常用的布局 Widget,接受一个 drawer属性,支持配置 Drawer,可以实现从侧边栏拉出导航面板,好处是把一些功能菜单折叠起来,通常Drawer是和Listview组件或者 Column组合使用进行纵向布局。Listview组件是竖排排列的,上下可滑动。 【注意】如果没有设置 AppBar 的 leading 属性,则当使用 Drawer 的时候会自动显示一个 IconButton 来告诉用户有侧边栏(在 Android 上通常是显示为三个横的图标)。 2、Drawer组件常见属性 ch
0 673浏览
会员免费 - 通过 flutter 实现一个列表功能使用 english_words 包实现生成列表的功能: 官方参考文档 import 'package:english_words/english_words.dart'; import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: RandomWords(),
0 430浏览
会员免费 - Flutter编译报错:The method ‘CachedNetworkImageProvider.load’ has fewer positional报错信息 Compiler message: ../../../.pub-cache/hosted/pub.flutter-io.cn/cached_network_image-1.1.3/lib/src/cached_network_image_provider.dart:42:24: Error: The method 'CachedNetworkImageProvider.load' has fewer positional arguments than those of overridden method 'ImageProvider.load'. ImageStreamCompl
0 440浏览
会员免费 - Flutter 自定义通知获取Widget的Size需求1:在Widget初始化后就发送一次通知 需求2:通知中需要携带Size作为数据 分析:flutter库里有一个SizeChangedLayoutNotification及与其配合工作的SizeChangedLayoutNotifier、_RenderSizeChangedWithCallback ,源码如下。 class SizeChangedLayoutNotification extends LayoutChangedNotification { } class SizeChangedLayoutNotifier extends SingleChildRenderObjectWidg
0 152浏览
会员免费 - [Flutter]NotificationListener滑动事件分发[Flutter]NotificationListener[ˌnoʊtɪfɪˈkeɪʃn ˈlɪsənər]滑动事件分发什么是NotificationListener支持监听哪些通知滑动通知几种滑动通知对应的事件ScrollStartNotificationScrollEndNotificationScrollUpdateNotificationOverscrollNotificationUserScrollNotification主要属性onNotification(Notification)应用–仿猫眼电影主页图片滑动广告效果图实现思路代码实现源码:[SlidePic On GitHub]
0 225浏览
会员免费 - Flutter 图片组件image.asset 本地图片 image.network 远程图片 Flutter 加载远程图片 //导入了Material UI组件库 ,快捷操作fim import 'package:flutter/material.dart'; void main(){ runApp(MyApp()); } //自定义组件 //StatelessWidget:无状态组件,状态不可变的widget //StatefulWidget:有状态组件,状态可以改变 //fluter中一切都是组件 //使用MaterialApp和Scaffold 两个组件装饰App //MaterialApp一般作
0 245浏览
会员免费 - Flutter学习笔记(三)——页面导航及传参页面间导航 页面间传参 页面返回时传参 页面间导航 跳转到另一个页面及返回 首先,定义主页面。 编写第一个界面FirstScreen。 界面上有一个button,点击会跳转到第二个界面。跳转后第一个页面不会消失,相当于把第二个页面push到页面栈中。 push时需传递两个参数,第一个参数是上下文参数,即build方法中传的参数context;第二个参数是要做的事情的方法,此处为flutter提供的一个路由组件MaterialPageRoute。路由组件MaterialPageRoute的builder属性里面放一个函数,即要做的事情:把上下文context传递过来作为参数,跳转到另一个界面
0 290浏览
会员免费 - Flutter StatefulWidget 有状态组件、页面上绑定数据、改变页面数据//导入了Material UI组件库 ,快捷操作fim import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } //自定义组件 //StatelessWidget:无状态组件,状态不可变的widget //StatefulWidget:有状态组件,状态可以改变 //fluter中一切都是组件 //使用MaterialApp和Scaffold 两个组件装饰App //MaterialApp一般作为根组件----home、title、color、theme、routes等 class MyApp ext
0 745浏览
会员免费 - flutter学习记录4点亮小心心参考flutter中文网 自己在写的时候忘记了在onTap中写setState()导致点不亮 import 'package:flutter/material.dart'; import 'package:english_words/english_words.dart'; void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( t
0 107浏览
免费 - Flutter 通过 ClipRRect 为图片添加圆角效果图: 代码: import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Flutter 网络图片'), ),
0 289浏览
会员免费 - Flutter 学习之路 –TextView富文本第一步:在pubspec.yaml 文件中 导入 url_launcher: ^3.0.3 在lib main.drat中导入包 import 'package:url_launcher/url_launcher.dart' import 'dart:io'; import 'dart:math'; import 'package:flutter/cupertino.dart'; import 'package:flutter/gestures.dart'; import 'package:flutter/material.dart'; import 'package:url_l
0 747浏览
会员免费 - Flutter列表ListView学习1. 热重载 1.1 什么是热重载 Flutter热重载:在我们调试布局的时候,更改代码,模拟器上可以立即看到代码改动的效果;而不是iOS和Android单独开发需要重新编译,启动,耗时极长。 开发效率:Flutter的热重载可帮助开发者快速地进行测试、构建UI、添加功能并更快地修复错误。在iOS和Android模拟器或真机上可以实现毫秒级热重载,并且不会丢失状态。这真的很棒,相信我,如果你是一名原生开发者,体验了Flutter开发流后,很可能就不想重新回去做原生了,毕竟很少有人不吐槽原生开发的编译速度。 1.2 热重载的使用 热重载快捷键: command + \ 或者直接点击热重载按钮,
0 147浏览
会员免费 - Flutter 通过 Column 实现垂直布局效果图: lib\main.dart 代码: import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('Flutter Column'),
0 247浏览
会员免费 - Flutter 网络请求Flutter中第三方网络请求库http https://github.com/zeke123/http pubspec.yaml dependencies: http: ^0.12.0+2 import 'package:http/http.dart' as http; Flutter中Map与json字符串相互转换 Map mapType = {username: 王五, age: 25}; //Map转换为json字符串 var stringType = json.encode(mapType); print(mapType is M
0 241浏览
会员免费 - Flutter 自定义Dialogmain.dart import 'package:flutter/material.dart'; import './components/MyDialog.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( //标题栏 appBar: AppBar(
0 327浏览
会员免费 - Flutter – ListView4 – easy_refresh(2.0.9)实现分页效果(复杂界面)easy_refresh git地址 ###效果图 引入和本地化处理 yaml flutter_localizations: sdk: flutter flutter_easyrefresh: ^2.0.9 main //main导入 import 'package:flutter_easyrefresh/easy_refresh.dart'; import 'package:flutter_localizations/flutter_localizations.dart'; //MaterialApp localizationsDelegates: [
0 276浏览
会员免费 - flutter的image控件flutter的图片控件 1.flutter使用远程图片 使用 Image.network 来调用远程的图片 代码如下: class HomeContent extends StatelessWidget{ @override Widget build(BuildContext context){ return Center( child: Container( child: Image.network( https://xxx.jpg, alignment: Alignment.bottomCenter, // 配置容器显示方位 alignment
0 128浏览
会员免费 - Flutter —— 自定义 Widget文章目录一、自定义 Widget1. 无状态 StatelessWidget2. 有状态 StatefulWidget3. 接收参数4. 引用,并传递参数 一、自定义 Widget 1. 无状态 StatelessWidget 返回目录 import 'package:flutter/material.dart' class Example extends StatelessWidget { @override Widget build(BuildContext context) { return Text(无状态小部件) } } 2. 有状态 StatefulWidg
0 244浏览
会员免费 - flutter错误之 The method ‘>’ was called on null如下方的报错,一般是ListView搭配Column或者Row出错了,看我下面的错误是Column ════════ Exception caught by rendering library ═════════════════════════════════ RenderBox was not laid out: RenderFlex#c1bcd relayoutBoundary=up1 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE 'package:flutter/src/rendering/box.dart': Failed assertion:
0 422浏览
会员免费 - flutter TextFormField的使用TextFormField 就是输入框,支持不同的输入模式,比如邮箱,手机号,或者nunber autofocus //是否对焦 keyboardType //输入模式 initialValue //默认值 decoration InputDecoration TextFormField专门的输入边界 import 'package:demoflutter/utils/utlis.dart'; import 'package:flutter/material.dart'; class Demo2 extends StatelessWidget { @override W
0 461浏览
会员免费 - Flutter – GridView1 – 简单布局效果图 代码 import 'package:flutter/material.dart'; List dataArr; List getData(){ dataArr = new List(); for(int i = 0; i < 10; i++){ var str =${i}; dataArr.add(str); } print(dataArr); return dataArr; } class GridViewTest1 extends StatelessWidget{ @override Widget build(BuildConte
0 78浏览
会员免费 - Flutter 页面布局 Wrap组件Wrap组件实现流布局 //导入了Material UI组件库 ,快捷操作fim import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } //自定义组件 //StatelessWidget:无状态组件,状态不可变的widget //StatefulWidget:有状态组件,状态可以改变 //fluter中一切都是组件 //使用MaterialApp和Scaffold 两个组件装饰App //MaterialApp一般作为根组件----home、title、color、theme、routes等 cl
0 484浏览
会员免费 - Flutter 中命名路由、命名路由传值main.dart //导入了Material UI组件库 ,快捷操作fim import 'package:flutter/material.dart'; import 'routes/Routes.dart'; void main() { runApp(MyApp()); } //自定义组件 //StatelessWidget:无状态组件,状态不可变的widget //StatefulWidget:有状态组件,状态可以改变 //fluter中一切都是组件 //使用MaterialApp和Scaffold 两个组件装饰App //MaterialApp一般作为根组件----home、t
0 612浏览
会员免费 - Flutter 中TabController实现底部tab切换import 'package:flutter/material.dart'; class TabControllerPage extends StatefulWidget { TabControllerPage({Key key}) : super(key: key); _TabControllerPageState createState() => _TabControllerPageState(); } //用with来实现 class _TabControllerPageState extends State with SingleTickerProviderState
0 884浏览
会员免费 - 【Flutter】四十一、Flutter解决沉浸式状态栏——SafeArea下面是一个简单页面: import 'package:flutter/material.dart'; class SafeAreaRoute extends StatelessWidget{ @override Widget build(BuildContext context) { // TODO: implement build return Scaffold( appBar: AppBar( title: Text('SafeArea'), ), ); } } 注意这里的状态栏是沉浸式的,如果在Sca
0 2438浏览
¥ 9.90 - Flutter 内容页布局import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('内容'), ), body: HomeContent(
0 90浏览
会员免费 - Flutter在mac上的安装Flutter在mac上的安装 1、在Mac上下载方式: :keycap_digit_one:可以通过git clone的方式下载最新的flutter版本到本地 git clone https://github.com/flutter/flutter.git :keycap_digit_two:通过github,在github上找到flutter,然后选择需要的版本down到本地,再解压到你想安装的目录,即可。 :keycap_digit_three:通过homebrew 安装 brew install flutter 2、配置环境变量 flutter安装完成后,如果在终端里面能够识别到flutter命令?这个时候需要把flutter的安装目录配置到环境变量里面。 在mac中,通
0 533浏览
会员免费 - 新冠肺炎api2019-nCov-api 新冠肺炎api 前言 本项目通过爬取腾讯、新浪、丁香园等疫情数据,获取新冠肺炎相关数据,并整合为api数据,做法简单粗暴,类似于端口转发。数据包含口罩预约、同乘车辆、疫情小区、数据分析、国内外详细数据、实时新闻动态、确诊人员信息流动轨迹、疫情谣言等。 当前接口部署到我自己的乞丐服务器上面的,可能速度有点慢,希望且用且珍惜。 github地址:https://github.com/LiangWuCode/2019-nCov-api 文档地址:https://wuliang.art/ncov/doc.html#/home 另外前期仓促之间也用flutter搞了个app,
0 1080浏览
会员免费 - [ERROR:flutter/lib/ui/ui_dart_state.cc(148)] Unhandled Exception: Bad state: No element在调用List.first 时报出该异常 看一下List 中get first方法的源码: /** * Returns the first element. * * Throws a [StateError] if `this` is empty. * Otherwise returns the first element in the iteration order, * equivalent to `this.elementAt(0)`. */ E get first { Iterator it = iterator; if (!
5 1376浏览
会员免费 - Flutter Image实现图片加载Image 简介 Android ios 原生中使用 ImageView 来加载显示图片。 在flutter 中通过Image来加载并显示图片。 所有的widget并不是直接绘制图片的,而是控制的图片的主要属性的容器,负责绘制的是RenderObject,他们中间是通过ElementTree来联系起来。有了这个基础后,所有的widget都不会提供画布(canvas)来直接绘制image RawImage 这是一个最基础图片容器Widget。 Image 这是一个通用包装类,它包装了RawImage。 前言 Image 基本使用 从ImageProvider来获取图片显示,这
0 203浏览
会员免费 - Flutter质感设计之底部导航BottomNavigationBar即底部导航栏控件。显示在应用底部的质感设计控件,用于在少量视图中切换。底部导航栏包含多个以标签、图标或两者搭配的形式显示在项目底部的项目,提供了应用程序的顶级视图之间的快速导航。对于较大的屏幕,侧面导航可能更好。 创建navigation_icon_view.dart文件,定义一个NavigationIconView类,用于管理BottomNavigationBarItem(底部导航栏项目)控件的样式、行为与动画。 import 'package:flutter/material.dart'; // 创建类,导航图标视图 class Navigation
0 124浏览
会员免费 - flutter日期选择器 flutter时间选择器本文实例为大家分享了flutter日期时间选择器的具体代码,供大家参考,具体内容如下 1 日期选择器 //设置默认显示的日期为当前 DateTime initialDate = DateTime.now(); void showDefaultYearPicker(BuildContext context) async { final DateTime dateTime = await showDatePicker( context: context, //定义控件打开时默认选择日期 initialDate: initialDate, //定义控件最早可以
0 117浏览
会员免费