- 博客(18)
- 收藏
- 关注
原创 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 1958
原创 react native 学习笔记
// 生成 指定版本的 react native react-native init demo --verbose --version 0.61.5 // 生成监听 npm start //运行安卓项目 npm run android // 解决报错 执行第一步 react-native start //解决报错 执行第二步 //运行安卓 react-native run-android ...
2020-08-20 11:44:34 187 1
原创 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 2093
原创 Flutter 改变顶部状态栏颜色
Flutter 改变顶部状态栏的颜色void main(){ SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(statusBarColor:Colors.transparent); SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle); ...
2020-02-24 15:38:42 2317
原创 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 1823
原创 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 2230 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 544
原创 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 242
原创 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 171
原创 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 629
原创 flutter Container布局示例
flutter Container布局示例首先是要竖着排 然后横着 排 很简单 直接上代码了完成代码如下import 'package:flutter/material.dart';void main() =>runApp( new MaterialApp( title: 'container布局容器示例', home: LayoutDemo(), ...
2019-12-18 00:15:57 307
原创 学习Flutter搜索展开
import 'package:flutter/material.dart';/** * 定义一个一个数组 */const CITY_NAMES={ '北京':['东城区','西城区','朝阳区','丰台区','石景山区','海淀区','顺义区'], '上海':['黄浦区','徐汇区','长宁区','静安区','普陀区','闸北区','虹口区'], '广州':['越秀','海珠...
2019-12-11 21:05:12 344
原创 Flutter水平排列的布局
import 'package:flutter/material.dart';void main() =>runApp( new MyApp());// 在外部定义数据const CITY_Names =['北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海...
2019-12-09 22:30:02 380
原创 Flutter ListView长列表布局
import 'package:flutter/material.dart';void main() =>runApp( new MyApp());// 在外部定义数据const CITY_Names =['北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海','北京','田径','上海...
2019-12-09 22:25:36 509
原创 Flutter顶部滑动渐变
顶部滑动渐变 和 顶部导航 ```pythonimport 'package:flutter/material.dart';import 'package:flutter_swiper/flutter_swiper.dart';import 'package:flutter_screenutil/flutter_screenutil.dart';const APPBAR_SCORL...
2019-11-20 12:27:55 1052
原创 flutter 分享两种网络请求解析的数据的方式
1.不使用 工厂类 @override void initState() { getHomePageSwiper().then((val) { final result = json.decode(val.toString()); print(result['data']['name']); setState(() { hom...
2019-11-16 09:55:18 243
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人