![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Flutter学习笔记
IT小小猴子
这个作者很懒,什么都没留下…
展开
-
flutter tabBar 选项卡自定义指示器
使用flutter TabBar 做自定义选项卡。 1.根据index 使用三目运算,缺点点击以后没有滑动效果。 tabs:TabMoudels.map((i) => Container( padding: EdgeInsets.all(0), height: 76.h, child: Tab( ...原创 2020-09-06 10:20:43 · 1988 阅读 · 0 评论 -
Flutter 自定义弹出层
import 'package:flutter/material.dart';class Toast extends StatefulWidget { @override _ToastState createState() => _ToastState();}class _ToastState extends State<Toast> { @override Widget build(BuildContext context) { Future myDia原创 2020-07-03 20:47:01 · 2110 阅读 · 0 评论 -
Flutter 改变顶部状态栏颜色
Flutter 改变顶部状态栏的颜色void main(){ SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(statusBarColor:Colors.transparent); SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle); ...原创 2020-02-24 15:38:42 · 2339 阅读 · 0 评论 -
Flutter 父子组件 传值
首先是父组件import 'package:flutter/material.dart';import 'package:testchuanzhi/Parent/ChildTwo.dart';import 'ChildOne.dart';// 传值class Parent extends StatefulWidget { @override _ParentState crea...原创 2020-02-21 18:07:33 · 1842 阅读 · 0 评论 -
Flutter 自定义选项卡
自定义选项卡外加吸顶吸顶主要是 SliverAppBar( //吸顶 pinned: true,import 'package:flutter/material.dart';//导入 swiper组件import 'package:flutter_swiper/flutter_swiper.dart';class HomePage ...原创 2020-02-13 17:47:50 · 2251 阅读 · 1 评论 -
Flutter 绝对定位 轮播图背景色
看原型图 轮播图上半部分 是有背景色的琢磨了一下 Flutter 绝对定位问题import 'package:flutter/material.dart';void main() => runApp(new MaterialApp( title: "测试绝对定位", home: MyApp(), ));class MyApp extends St...原创 2020-02-08 10:34:53 · 549 阅读 · 0 评论 -
Flutter 卡片练习
// 卡片练习布局import 'package:flutter/material.dart';void main() => runApp(new MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState();}// 两张卡片组...原创 2020-02-07 15:45:42 · 249 阅读 · 0 评论 -
Flutter wrap组件
flutter wrap组件 写的搜索记录import 'dart:core';import 'package:flutter/material.dart';// 使用换行 显示搜索记录class WarpPage extends StatelessWidget { final List<String> tags = [ "肯德基", "小哥哥你的东西...原创 2020-02-04 19:36:23 · 175 阅读 · 0 评论 -
Flutter 使用pageView 完成底部导航功能
// 这个是底部四组件导航的页面import 'package:flutter/material.dart';// 导入四个页面部分// 主页import '../pages/HomePage.dart';// 我的import '../pages/MinePage.dart';// 搜索import '../pages/SearchPage.dart';// 旅拍import...原创 2020-01-09 17:51:41 · 648 阅读 · 0 评论 -
flutter Container布局示例
flutter Container布局示例首先是要竖着排 然后横着 排 很简单 直接上代码了完成代码如下import 'package:flutter/material.dart';void main() =>runApp( new MaterialApp( title: 'container布局容器示例', home: LayoutDemo(), ...原创 2019-12-18 00:15:57 · 324 阅读 · 0 评论 -
学习Flutter搜索展开
import 'package:flutter/material.dart';/** * 定义一个一个数组 */const CITY_NAMES={ '北京':['东城区','西城区','朝阳区','丰台区','石景山区','海淀区','顺义区'], '上海':['黄浦区','徐汇区','长宁区','静安区','普陀区','闸北区','虹口区'], '广州':['越秀','海珠...原创 2019-12-11 21:05:12 · 359 阅读 · 0 评论 -
Flutter水平排列的布局
import 'package:flutter/material.dart';void main() =>runApp( new MyApp());// 在外部定义数据const CITY_Names =['北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海...原创 2019-12-09 22:30:02 · 392 阅读 · 0 评论 -
Flutter ListView长列表布局
import 'package:flutter/material.dart';void main() =>runApp( new MyApp());// 在外部定义数据const CITY_Names =['北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海...原创 2019-12-09 22:25:36 · 517 阅读 · 0 评论