![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Flutter
roadkiller.
我愿浪漫至死
展开
-
Flutter开发——StatelessWidget与StatefulWidget的基础组件
StatelessWidget意思是一个不需要状态改变的Widget,他不需要根据自己的一些状态来改变自己的渲染import 'package:flutter/material.dart';void main() =>runApp(MyApp());class MyApp extends StatelessWidget{ @override Widget build ...原创 2020-07-31 12:02:38 · 205 阅读 · 0 评论 -
Flutter之提示组件
本文参考博客:https://blog.csdn.net/xieluoxixi/article/details/8613931提示组件大致可以分为两种,一种是轻量级提示组件,一种是非轻量级提示组件。一、轻量级提示组件即提示很短一段时间后就会消失1、Tooltipclass HaPi extends StatelessWidget { @override...原创 2019-08-29 21:59:25 · 3528 阅读 · 0 评论 -
Flutter之网络编程与数据存储
获取网络上的所需信息是开发APP必不可少的一个部分我们可以利用http这个组件来进行操作Future:表示未来某个时间可能会发生的错误或可用结果http.response是一个成功的HTTP请求接受到的数据我们通过fetchPost.then()来获得Flutter的返回结果import 'package:flutter/material.dart';import '...原创 2019-08-29 19:18:37 · 256 阅读 · 0 评论 -
Flutter之顶部导航栏的设计
import 'package:flutter/material.dart';class TapAppBar extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: DefaultTabController( ...原创 2019-08-22 10:11:53 · 406 阅读 · 0 评论 -
Flutter之页面切换的实现
如果要实现页面切换,并且实现导航栏状态改变,可以这样搞一搞先放效果^_^import 'package:flutter/material.dart';void main() =>runApp(StatefulGroup());class StatefulGroup extends StatefulWidget { @override _StatefulGroup...原创 2019-08-12 18:45:38 · 484 阅读 · 0 评论 -
做一个简单的拍照APP
import 'dart:io';import 'package:flutter/material.dart';import 'package:image_picker/image_picker.dart';class PhotoApp extends StatefulWidget { @override _PhotoAppState createState() =>...原创 2019-08-16 11:53:07 · 1138 阅读 · 2 评论 -
Flutter之手势监听
常用的三个手势监听OnTap:点击OnDoubleTap:双击OnLongPress:长按import 'package:flutter/material.dart';class Getsturepage extends StatefulWidget { @override _GetsturepageState createState() => _Getstu...原创 2019-08-14 21:13:03 · 1308 阅读 · 0 评论 -
Flutter之路由与导航
先放效果,瞎写一通,不过我发现自己挺享受自己创作设计的过程的,真的废寝忘食hhh贴代码//main.dartimport 'package:flutter/material.dart';import 'package:my_firstapp/Stateful.dart';import 'package:my_firstapp/pageview.dart';void mai...原创 2019-08-14 12:05:46 · 132 阅读 · 0 评论 -
Flutter之页面布局
Column、Row、Stack以及Center之前博客有过就不赘述了get到了一些与布局相关的组件例如1、FractionallySizedBoxclass ListPage extends StatelessWidget { @override Widget build(BuildContext context) { return Column(...原创 2019-08-13 22:11:44 · 653 阅读 · 0 评论 -
我的第一个APP 以及Android Studio 与Visual Studio Code开发界面对比,还是VSCode好看!
第一步已迈出纪念一哈import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return Mate...原创 2019-08-02 11:09:02 · 16020 阅读 · 5 评论 -
Flutter开发(五)——水平布局、垂直布局、卡片布局和层叠布局
一、水平布局import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { return MaterialApp(...原创 2019-08-05 16:43:49 · 569 阅读 · 0 评论 -
Flutter开发(四)——GridView组件
GridView,顾名思义就是我们用来做网格的,通常我们用来做相册,或者网格状的展示栏上码import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget{ @override Widget build(Buil...原创 2019-08-05 16:02:29 · 244 阅读 · 0 评论 -
Flutter开发(三)——ListView组件——简单使用、横纵向列表以及动态列表
首先我先来介绍一哈IconIcon就是图标,Flutter有丰富的Icon库,提供了常用的Icon供开发者选择import 'package:flutter/material.dart';void main() { runApp(new MaterialApp( home: new MyApp(), ));}class MyApp extends Statele...原创 2019-08-05 11:43:47 · 2271 阅读 · 0 评论 -
Flutter开发(二)——Image组件的使用
今天新学习了Image组件的应用首先引入图片有四种方式new Image,用于从ImageProvider获取图像。new Image.asset,用于使用key从AssetBundle获取图像。new Image.network,用于从URL地址获取图像。new Image.file,用于从File获取图像。为了自动执行像素密度感知资源分辨率,使用AssetImage指定图像...原创 2019-08-03 20:28:32 · 722 阅读 · 0 评论 -
Flutter开发(一)——Text Widget以及Container Widget的使用
首先记住Flutter万物皆组件(Widget)Text Widget的使用说一些child里的属性吧textAlign:文字对齐方式maxLines:最大行数,溢出部分默认不显示,可以通过overflow设置overflow:溢出文字显示方式TextStyle里的属性:fontSize:文字大小color:设置文字颜色,一般用color:color.fr...原创 2019-08-02 21:57:42 · 226 阅读 · 0 评论