Spy97的博客

Running Gradle task ‘assembleDebug’… 解决gradle 本地使用使用方法在your_project\android\gradle\wrapper\gradle-wrapper.properties 中修改为distributionUrl=file:///C:/Users/<your_pc>/.gradle/wrapper/dists/gradle-6.7-all.zip所有版本的 gradle 我都已经上传到不限速的天翼网盘，方便大家下载gra

在微信中，有4项：聊天、联系人、发现、我的其中前3项的appbar相同“我的”一项没有appbar，所以要对其进行封装import 'package:flutter/material.dart';_popupMenuItem(String title, IconData icon) { return PopupMenuItem( child: Row( children: <Widget>[ Padding( child: Ico

Httpimport 'package:http/http.dart' as http;class _DemoState extends State<Demo> { List ls=[]; @override void initState() { super.initState(); this._getData(); } _getData() async { var url='http://a.itying.com/api/prod

文章目录AlertDialogSimpleDialogshowModalBottomSheet自定义DialogAlertDialog_Alter() { showDialog( context: context, builder: (context) { return AlertDialog( title: Text('AlterDialog'), content: Text('Content'), actions: &lt

基本参数参数默认值描述scrollDirectionAxis.horizontal滚动方向，设置为Axis.vertical如果需要垂直滚动looptrue无限轮播模式开关index0初始的时候下标位置autoplayfalse自动播放开关.onIndexChangedvoid onIndexChanged(int index)当用户手动拖拽或者自动播放引起下标改变的时候调用onTapvoid onTap(int index)当用

原生时间组件获取选中的时间采用异步的方式，有两种，分别为Function().then(value{ })async + value = await Function()在yaml文件中添加依赖 date_format: ^1.0.8获取当前时间 DateTime.now()转换成时间戳 .millisecondsSinceEpoch时间戳转化为时间 DateTime.fromMillisecondsSinceEpoch()class _TimeDemoState extends Stat

功能类型class TextfieldDemo extends StatefulWidget { TextfieldDemo({Key key}) : super(key: key); @override _TextfieldDemoState createState() => _TextfieldDemoState();}class _TextfieldDemoState extends State<TextfieldDemo> { @override Wi

闲鱼APP的导航栏如图所示FloatingActionButton承载在一个Container中，才能更改图标的大小FloatingActionButtonLocation选择centerDocked置于底部中央通过margin进行位置的再调整在decoration中，设置背景颜色，并切成圆形padding向内留出底色floatingActionButton: Container( height: 60, width: 60, padding: EdgeInsets.all(5),

class AppBarDemo extends StatefulWidget { AppBarDemo({Key key}) : super(key: key); @override _AppBarDemoState createState() => _AppBarDemoState();}class _AppBarDemoState extends State<AppBarDemo> with SingleTickerProviderStateMixin{ Ta

AppBar 添加按钮、图标class AppBarDemo extends StatelessWidget { const AppBarDemo({Key key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('AppDemo'), centerTitle: tr

class Home extends StatelessWidget { @override Widget build(BuildContext context) { return Center( child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: &l

BottomNavigationBar组件实现底部导航栏当有4个及以上Item时，必须加上type: BottomNavigationBarType.fixedonTap实现点击图标效果，使用setState可以实时渲染每个导航设计之界面，通过List+currentPage更改body的实时显示iconSize和fixedColor修改图标大小和选中时的颜色class Home extends StatelessWidget { @override Widget build(BuildC

StatefulWidget 可以使页面内容动态变化，最简单的按钮计数为例class Homepage extends StatefulWidget { Homepage({Key key}) : super(key: key); @override _HomepageState createState() => _HomepageState();}class _HomepageState extends State<Homepage> { int num=1;

RaisedBottonclass HomeContent extends StatelessWidget { List<Widget> get(){ List<Widget> ls=new List(); for(int i=1;i<=10;i++) ls.add( MyButton('第$i集'), ); return ls; } Widget build(BuildContext context) { /

AspectRatio组件是用来设置长宽比，可以在图片、容器等中使用在插入图片是，通常需要加入fit: BoxFit.cover铺满图片CircleAvatar组件是将图片裁切成圆形，不需要设置长宽Card组件常与Column配合使用，注意要设置margin属性（与外界的距离）class HomeContent extends StatelessWidget { Widget build(BuildContext context) { // TODO: implement build

文章目录Stack & AlignStrack & PositionedStack & Alignalignment: Alignment(x,y) 参数效果如下class HomeContent extends StatelessWidget { Widget build(BuildContext context) { // TODO: implement build return Center( child: Container(

文章目录PaddingRowColumnPadding在Padding组件中，设置EdgeInsets，将内容嵌套到child组件中设置左上右下的内边距，目的是间距相同当使用EdgeInsets.all()设置是，会导致水平和竖直方向上的间距扩大两倍所以使用EdgeInsets.fromLTRB，只设置两个方向的，但是会产生右侧没有内边距，所以整体嵌套在一个Container中，并设置另外两个方向的Padding属性Container( padding: EdgeInsets.fromLTR

文章目录垂直列表水平列表动态列表矩阵列表垂直列表ListView组件，可以设置padding（内边距）和children属性列表主体都在children中，其是一个组件列表类型，可以添加Image、Text、Container组件最常用的是ListTile组件可以设置前导（leading）、标题（title）、子标题（subtitle）、结尾（trailing）等等ListView( padding: EdgeInsets.all(10), children: <Widget&gt

文章目录ContainerText图片网络图片本地图片圆形图片Container包含很多设置属性，长宽、背景颜色、显示位置、装饰、与内部内容的间隔，旋转等等。child: Container( width: 100.0, height: 100.0, decoration: BoxDecoration( color: Colors.blue, border: Border.all( color: Colors.blue, width: 5.0,

获取Git for WindowsFlutter SDKAndroid Studio安卓模拟器获取Git下载地址正常安装即可获取Flutter SDK下载地址将安装包zip解压到你想安装Flutter SDK的路径（如：C:\src\flutter；注意，不要将flutter安装到需要一些高权限的路径如C:\Program Files\）在Flutter安装目录的flutter文件下找到flutter_console.bat，双击运行并启动flutter命令行，接下来，就可以在Fl