2020 年 7月随笔档案 - 秃了头也不退休

css-手机页面适配

摘要：//获取屏幕宽度 let htmlwidth=document.documentElement.clientWidth || document.body.clientWidth if(htmlwidth>750){htmlwidth=750} let htmlDom=document.getElem 阅读全文

posted @ 2020-07-22 10:48 秃了头也不退休阅读(256) 评论(0) 推荐(0)

flutter-shared_preferences（持久化）

摘要：https://github.com/flutter/plugins/tree/master/packages/shared_preferences/shared_preferences 1.import 'package:shared_preferences/shared_preferences. 阅读全文

posted @ 2020-07-16 17:44 秃了头也不退休阅读(946) 评论(0) 推荐(0)

flutter-flutter_html（使用html标签）

摘要：1.flutter_html: ^1.0.0 https://github.com/Sub6Resources/flutter_html 2.import 'package:flutter_html/flutter_html.dart'; 3. child: ( Html( data: """ <i 阅读全文

posted @ 2020-07-16 11:36 秃了头也不退休阅读(5919) 评论(0) 推荐(0)

flutter-路由

摘要：1.新建1个页面 details_page.dart 2.引入 fluro: "^1.6.3" 3.在lib文件夹下新建文件夹router,然后新建router_handler.dart import 'package:flutter/material.dart'; import 'package: 阅读全文

posted @ 2020-07-15 14:54 秃了头也不退休阅读(641) 评论(0) 推荐(0)

flutter-列表回到最上层

摘要：1. var scrollController= new ScrollController(); 2. 3. 阅读全文

posted @ 2020-07-15 13:34 秃了头也不退休阅读(970) 评论(0) 推荐(0)

flutter-状态管理（Provider）

摘要：官网：https://pub.dev/packages/provider 1.引入依赖 provider: ^4.3.0 2.新建文件夹Provider 用于管理状态 3.新建文件cate.dart import 'package:flutter/material.dart'; class Main 阅读全文

posted @ 2020-07-10 14:55 秃了头也不退休阅读(3746) 评论(0) 推荐(0)

flutter-保持页面状态（切换页面，页面还在原来的位置，不重新加载接口）

摘要：AutomaticKeepAliveClientMixin AutomaticKeepAliveClientMixin这个Mixin就是Flutter为了保持页面设置的。哪个页面需要保持页面状态，就在这个页面进行混入。不过使用使用这个Mixin是有几个先决条件的：使用的页面必须是Stateful 阅读全文

posted @ 2020-07-09 10:27 秃了头也不退休阅读(3937) 评论(0) 推荐(0)

flutter-拖拽

摘要：Draggable Widget Draggable控件负责就是拖拽，父层使用了Draggable，它的子元素就是可以拖动的，子元素可以实容器，可以是图片。用起来非常的灵活。参数说明： data: 是要传递的参数，在DragTarget里，会接受到这个参数。当然要在拖拽控件推拽到DragTarge 阅读全文

posted @ 2020-07-06 10:59 秃了头也不退休阅读(649) 评论(0) 推荐(0)

flutter-优化返回上一页

摘要：import 'package:flutter/cupertino.dart'; class RightBackDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Cupertino 阅读全文

posted @ 2020-07-06 10:20 秃了头也不退休阅读(467) 评论(0) 推荐(0)

flutter-闪屏加载

摘要：import 'package:flutter/material.dart'; import 'home_page.dart'; class SplashScreen extends StatefulWidget { @override _SplashScreenState createState( 阅读全文

posted @ 2020-07-06 09:57 秃了头也不退休阅读(267) 评论(0) 推荐(0)

flutter-贝塞尔曲线

摘要：import 'package:flutter/material.dart'; class HomePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: 阅读全文

posted @ 2020-07-04 18:00 秃了头也不退休阅读(536) 评论(0) 推荐(0)

flutter-展开闭合效果（列表型式的）

摘要：ExpansionTile组件 ExpansionTile Widget就是一个可以展开闭合的组件，常用的属性有如下几个。 title:闭合时显示的标题，这个部分经常使用Text Widget。 leading:标题左侧图标，多是用来修饰，让界面显得美观。 backgroundColor: 展开时的阅读全文

posted @ 2020-07-04 17:18 秃了头也不退休阅读(3252) 评论(0) 推荐(0)

flutter-流式布局

摘要：import 'package:flutter/material.dart'; class WrapDemo extends StatefulWidget { @override _WrapDemoState createState() => _WrapDemoState(); } class _W 阅读全文

posted @ 2020-07-04 16:26 秃了头也不退休阅读(286) 评论(0) 推荐(0)

flutter-搜索条

摘要：主入口文件这个还是继承StatelessWidget,然后在home属性中加入SearchBarDemo，这是一个自定义的Widget，主要代码都在这个文件中。 main.dart 文件的代码如下： import 'package:flutter/material.dart'; import 's 阅读全文

posted @ 2020-07-04 15:56 秃了头也不退休阅读(276) 评论(0) 推荐(0)

flutter-保持页面的效果

摘要：with是dart的关键字，意思是混入的意思，就是说可以将一个或者多个类的功能添加到自己的类无需继承这些类，避免多重继承导致的问题。 TabBar Widget的使用 TabBar是切换组件，它需要设置两个属性。 controller: 控制器，后边跟的多是TabController组件。 tab 阅读全文

posted @ 2020-07-04 14:57 秃了头也不退休阅读(409) 评论(0) 推荐(0)

flutter-毛玻璃的效果（很消耗性能）

摘要：import 'dart:ui'; import 'package:flutter/material.dart'; class FrostedClassDemo extends StatelessWidget { @override Widget build(BuildContext context 阅读全文

posted @ 2020-07-04 11:58 秃了头也不退休阅读(1059) 评论(0) 推荐(0)

flutter-路由跳转动画效果（渐隐渐现，缩放效果，旋转缩放）

摘要：1.渐隐渐现过渡效果自定义CustomRoute Widget 新建一个custom_router.dart文件，这个就是要自定义的路由方法，自定义首先要继承于通用的路由的构造器类PageRouterBuilder。继承之后重写父类的CustomRoute构造方法。构造方法可以简单理解为：只要以阅读全文

posted @ 2020-07-04 11:10 秃了头也不退休阅读(2786) 评论(0) 推荐(0)

flutter-底部导航&不规则导航

摘要：主页面入口 import 'package:flutter/material.dart'; import 'BottomNavigationWidget.dart'; void main()=>runApp(new MyApp()); class MyApp extends StatelessWid 阅读全文

posted @ 2020-07-03 15:57 秃了头也不退休阅读(408) 评论(0) 推荐(0)

flutter-打包

摘要：1.生成keyStore 官网给出的命令是 keytool -genkey -v -keystore ~/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key 可惜报错 keytool需要配置环境变量不想配置环境变量，所以要找到k 阅读全文

posted @ 2020-07-03 14:04 秃了头也不退休阅读(319) 评论(0) 推荐(0)

flutter-异步请求选择回来的方法

摘要：异步请求和等待 Dart中的异步请求和等待和ES6中的方法很像，直接使用async...await就可以实现。比如下面作了一个找朋友的方法，然后进行跳转，注意这时候是异步的。等待结果回来之后，我们再显示出来内容。具体代码如下： import 'package:flutter/material.dar 阅读全文

posted @ 2020-07-03 10:45 秃了头也不退休阅读(744) 评论(0) 推荐(0)

flutter-一般页面导航和返回（传递和接收参数）

摘要：Navigator.push 和 Navigator.pop Navigator.push：是跳转到下一个页面，它要接受两个参数一个是上下文context，另一个是要跳转的函数。 Navigator.pop：是返回到上一个页面，使用时传递一个context（上下文）参数，使用时要注意的是，你必须是有阅读全文

posted @ 2020-07-03 10:19 秃了头也不退休阅读(1410) 评论(0) 推荐(0)

flutter-卡片组件布局

摘要：import 'package:flutter/material.dart'; void main ()=>runApp(MyApp()); class MyApp extends StatelessWidget{ @override Widget build(BuildContext contex 阅读全文

posted @ 2020-07-02 17:38 秃了头也不退休阅读(246) 评论(0) 推荐(0)

flutter-布局（Stack：层叠布局）

摘要：在头像上方再放入一个容器，容器里边写上字，这时候我们就可以使用Stack布局。 import 'package:flutter/material.dart'; void main ()=>runApp(MyApp()); class MyApp extends StatelessWidget{ @o 阅读全文

posted @ 2020-07-02 17:22 秃了头也不退休阅读(1298) 评论(0) 推荐(0)

flutter-布局（水平和垂直）

摘要：水平方向灵活和不灵活布局 import 'package:flutter/material.dart'; void main ()=>runApp(MyApp()); class MyApp extends StatelessWidget{ @override Widget build(BuildC 阅读全文

posted @ 2020-07-02 16:56 秃了头也不退休阅读(678) 评论(0) 推荐(0)

flutter-GridView(网格列表)

摘要：import 'package:flutter/material.dart'; void main ()=> runApp(MyApp()); class MyApp extends StatelessWidget{ @override Widget build(BuildContext conte 阅读全文

posted @ 2020-07-02 16:17 秃了头也不退休阅读(312) 评论(0) 推荐(0)

flutter-ListView(列表组件)

摘要：1.纵向列表 import 'package:flutter/material.dart'; void main ()=>runApp(MyApp()); class MyApp extends StatelessWidget{ @override Widget build(BuildContext 阅读全文

posted @ 2020-07-02 13:44 秃了头也不退休阅读(361) 评论(0) 推荐(0)

flutter-图片组件（Image）的使用

摘要：文档：https://book.flutterchina.club/chapter5/container.html 加入图片的几种方式 Image.asset:加载资源图片，就是加载项目资源目录中的图片,加入图片后会增大打包的包体体积，用的是相对路径。 Image.network:网络资源图片，意思阅读全文

posted @ 2020-07-02 13:42 秃了头也不退休阅读(850) 评论(0) 推荐(0)

flutter-container-容器

摘要：//必须有封号 material就是个UI import 'package:flutter/material.dart'; //这是个主函数入口 void main()=>runApp(MyApp()); // 也可以这么写 // void main(){ // runApp(MyApp()) // 阅读全文

posted @ 2020-07-02 11:37 秃了头也不退休阅读(151) 评论(0) 推荐(0)

flutter-hello flutter 并且修改字体

摘要：1.flutter的安装，官网和网上都有，自己搜。 2.用vscode新建个flutter 应用 3.修改主文件，在目录lib下的main.dart //必须有封号 material就是个UI import 'package:flutter/material.dart'; //这是个主函数入口 vo 阅读全文

posted @ 2020-07-02 10:30 秃了头也不退休阅读(390) 评论(0) 推荐(0)

07 2020 档案