Flutter - 随笔分类 - 诉说静风

摘要：滾動條 Scrollbar( child: Text() ) 阅读全文

posted @ 2020-06-16 16:12 诉说静风阅读(189) 评论(0) 推荐(0)

摘要：字體下載：http://www.font5.com.cn/ /** * 1.使用阿里IconFont * 首先下载阿里IconFont,然后导入到项目里，如在项目根目录下新建fonts文件夹，把下载的iconfont.ttf放入文件夹中 * 然后在pubspec.yaml中添加 * fonts: - 阅读全文

posted @ 2020-06-09 14:48 诉说静风阅读(277) 评论(0) 推荐(0)

Flutter-WebView使用h5

摘要：webview可以跳轉到h5，可以也可以自定義 #flutter官方webview webview_flutter: ^0.3.10 ///初始化webview显示 Widget _showWebView(BuildContext context) { return WebView( initial 阅读全文

posted @ 2020-05-28 16:08 诉说静风阅读(3179) 评论(0) 推荐(0)

Flutter-Offstage組件是否顯示

摘要：Offstage( offstage: true, //組件是否顯示 child: Text('組件是否顯示'), 阅读全文

posted @ 2020-04-21 11:43 诉说静风阅读(268) 评论(0) 推荐(0)

Flutter-RefreshIndicator下拉刷新

摘要：小筆記下拉刷新頁面 child: Container( child: RefreshIndicator( onRefresh: _refresh, child:Column() ) Future<Null> _refresh() async { setState(() { _list.clear() 阅读全文

posted @ 2020-04-13 16:55 诉说静风阅读(2146) 评论(0) 推荐(0)

Flutter-監聽輸入框獲取焦點合失去焦點事件

摘要：监听输入框 FocusNode _focusNode = FocusNode(); initState() void initState() { _focusNode.addListener(() { if (_focusNode.hasFocus) { setState(() { _focusVi 阅读全文

posted @ 2020-03-25 12:19 诉说静风阅读(412) 评论(0) 推荐(0)

Flutter-取消默認,自定義的appbar（PreferredSize）

摘要：可以不使用默認的appbar,自定義佈局 /*appBar: PreferredSize( child: Container( decoration: BoxDecoration( color: Color(0Xffd3dda5), borderRadius: BorderRadius.only( 阅读全文

posted @ 2020-03-25 12:16 诉说静风阅读(2807) 评论(0) 推荐(0)

Flutter-仿ios底部彈出框

摘要：小筆記～模仿得有點醜的ios底部彈出框 showModalBottomSheet( backgroundColor: Colors.transparent, context: context, builder: (BuildContext context) { return Container( p 阅读全文

posted @ 2020-03-25 11:02 诉说静风阅读(624) 评论(0) 推荐(0)

Flutter-SingleChildScrollView

摘要：可以構建動態高度的組件 SingleChildScrollView( child: Column( children: <Widget>[ Text('A'), Text('B'), ] ) ) 阅读全文

posted @ 2020-03-20 16:35 诉说静风阅读(732) 评论(0) 推荐(0)

Flutter-漸變色按鈕

摘要：設置外部容器漸變色，按鈕顏色透明 Container( margin: EdgeInsets.only(bottom: 10), width: 160, height: 40, decoration: BoxDecoration( borderRadius: BorderRadius.circula 阅读全文

posted @ 2020-03-20 11:40 诉说静风阅读(242) 评论(0) 推荐(0)

Flutter-自定義圖標或者選擇框

摘要：自帶的圖標或者選擇框無法滿足要求的時候需要自定義，但是裡面沒有字段可以設置，我們可以用圖片或圖標圖片代替 Container( child: foods[index].blView ? Image.asset('images/checkbox_us.jpeg',width: 20,height: 2 阅读全文

posted @ 2020-03-20 11:28 诉说静风阅读(124) 评论(0) 推荐(0)

Flutter-自定義圖片圖標

摘要：來源：https://www.jianshu.com/p/2260b26c539a pubspec.yaml添加圖片資源 flutter: # 圖片資源 assets: - images/img.jpeg - images/place.jpeg - images/food.jpeg 使用 Image 阅读全文

posted @ 2020-03-18 15:38 诉说静风阅读(115) 评论(0) 推荐(0)

Flutter-顯示佈局

摘要：在main上增加 //顯示佈局邊框 debugPaintSizeEnabled = true; 阅读全文

posted @ 2020-03-17 17:52 诉说静风阅读(118) 评论(0) 推荐(0)

Flutter-ShapeDecoration

摘要：類似 BoxDecoration ShapeDecoration( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(4) ), shadows: [ BoxShadow( color: Colors.blue, b 阅读全文

posted @ 2020-03-16 11:44 诉说静风阅读(1280) 评论(0) 推荐(0)

Flitter - loading_animations

摘要：dependencies: loading_animations: "^2.1.0" import 'package:loading_animations/loading_animations.dart'; 如何使用从列表中选择一个加载动画：翻转 LoadingFlipping.circle() 阅读全文

posted @ 2020-03-05 11:13 诉说静风阅读(480) 评论(0) 推荐(0)

flutter-地圖啓動器maps_launcher

摘要：一个简单的包，该包使用url_launcher在所有平台上以适当的方案启动地图应用。在iOS上，将启动Apple指定的地图链接。在Android上，使用地理意图作为记录在这里。对于网络和其他平台，该插件将仅启动Google Maps。将此包用作库 1.依赖它将此添加到包的pubspec.yam 阅读全文

posted @ 2020-03-04 10:36 诉说静风阅读(466) 评论(0) 推荐(0)

Flutter-sdk版本升級回退

摘要：打開git:https://github.com/flutter/flutter 查看歷史版本找到要升級的版本然後拷貝版本號 cd進入到存放flutter sdk目錄，執行命令 git reset --hard 版本號阅读全文

posted @ 2020-03-03 15:08 诉说静风阅读(861) 评论(0) 推荐(0)

Flutter-drawer

摘要：来源：https://www.jianshu.com/p/728692143b09 1. 简介这篇文章主要讲解有关drawer的一切。 2. 初探我们先来看看简单的drawer在Flutter的应用 class HomePage extends StatefulWidget { @overrid 阅读全文

posted @ 2020-02-11 17:21 诉说静风阅读(819) 评论(0) 推荐(0)

Flutter-Form表單和輸入框

摘要：表单是一个包含表单元素的区域。表单元素允许用户输入内容，比如 : 文本域、下拉列表、单选框、复选框等。常见的应用场景有: 登录、注册、输入信息等。表单里有两个重要的组件，一个是 Form 组件用来做整个表单提交使用的，另一个是 TextFormField 组件用来做用户输入的。先来阅读全文

posted @ 2020-02-11 16:22 诉说静风阅读(567) 评论(0) 推荐(0)

Flutter-修改应用名称、图标、启动页

摘要：來源：https://blog.csdn.net/yechaoa/article/details/98958344 虽然flutter可以同时运行在android和ios设备上，但是修改名称、logo、启动页还是需要分开配置的。修改应用名称android在项目下找到android目录，依次app》阅读全文

posted @ 2020-02-07 17:46 诉说静风阅读(888) 评论(0) 推荐(0)

随笔分类 - Flutter