Flutter
Flutter进行app开发
明知山_
这个作者很懒,什么都没留下…
展开
-
Flutter实现侧边栏功能
实现侧边栏功能是用到drawer组件,该项目是用来练手的,代码比较冗余import 'package:flutter/material.dart';import 'tabs/Home.dart';import 'tabs/Category.dart';import 'tabs/Setting.dart';class Tabs extends StatefulWidget { fi...原创 2020-03-17 16:25:58 · 1321 阅读 · 0 评论 -
Flutter实现顶部导航栏功能
import 'package:flutter/material.dart';class AppBarDemoPage extends StatelessWidget { const AppBarDemoPage({Key key}) : super(key: key); @override Widget build(BuildContext context) { ret...原创 2020-03-17 14:57:19 · 3149 阅读 · 0 评论 -
Flutter常见的路由跳转
// 保留路由的栈 Navigator.pushNamed(context, '/search');// 不保留栈Navigator.of(context).pushReplacementNamed('/search');// 返回上一级页面Navigator.of(context).pop();import './Tabs.dart'; //需要引入根目录// 返回到根页面...原创 2020-03-15 14:33:08 · 378 阅读 · 0 评论 -
Flutter配置路由组件抽离及页面传参
在lib目录下新建个routes文件夹,里面新建个Routes.dart文件来统一管理我们的路由跳转及传参,在这里我们就以Home.dart文件跳转到Search.dart文件并传参为例Routes.dartimport 'package:flutter/material.dart';import '../pages/Tabs.dart';import '../pages/Search...原创 2020-03-15 12:02:01 · 922 阅读 · 0 评论 -
Flutter定义tabbar底部导航路由跳转
效果展示整体实现的目录结构第一步 把三个页面放到tabs里 Category.dart || Home.dart || Setting.dart在这里我只展示Home.dart 另外两个页面相同import 'package:flutter/material.dart';class HomePage extends StatefulWidget { HomePage({Key ...原创 2020-03-12 12:09:50 · 1593 阅读 · 0 评论 -
Flutter使用StatefulWidget有状态组件累计添加数组
import 'package:flutter/material.dart'; //快捷方式:fimvoid main() { runApp(MyApp());}//自定义组件class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: i...原创 2020-03-10 16:51:08 · 675 阅读 · 0 评论 -
Flutter循环Json数组
import 'package:flutter/material.dart'; //快捷方式:fimvoid main() { runApp(MyApp());}//自定义组件class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: im...原创 2020-03-06 18:23:46 · 2469 阅读 · 0 评论 -
Flutter组件随笔练习
Container组件练习import 'package:flutter/material.dart'; //快捷方式:fimvoid main() { runApp(MyApp());}//自定义组件class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { ...原创 2020-03-03 16:40:29 · 325 阅读 · 0 评论 -
Flutter夜神模拟器调试及Vscode开发
下载夜神模拟器下载链接为什么下载第三方的模拟器,因为快,安装方便,操作又简单,很适合菜鸟的我下载安装完之后,打开android Studio的run ,执行Run 'app’就会自动把你的项目安装到模拟器上面Vscode开发安装Flutter、Flutter Widget Snippets、Dart插件选择文件夹打开自己的项目地址解决 Vscode是默认连接不上第三方模拟器打开...原创 2020-03-02 17:29:19 · 4377 阅读 · 0 评论 -
Flutter在windows系统配置及运行
第一步 下载安装配置jdk下载jdk 下载链接根据自己的操作系统选择安装安装jdk 双击下载的jdk傻瓜式下一步,建议不要修改安装目录,让它安装到c盘目录下配置jdk的系统变量 变量名为JAVA_HOME,值为jdk安装目录再系统变量找到 Path 在 Path 的环境变量里面增加如下代码;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin注意 ’ ; ’...原创 2020-03-01 16:04:36 · 1298 阅读 · 0 评论