Flutter实战之封装一个LinearLayout

APP开发过程中,经常遇到需要添加背景、设置边距、动态显示和隐藏某个组件。

但是在Flutter中,能同时具有添加背景、设置边距、阴影、边框、圆角的布局只有Container(参考我上一篇文章的介绍Flutter入门之Row、Column、Container布局),这个已经算是业务功能比较多的组件了,而要想实现组件的显示和隐藏则需要用到另外一个组件Offstage,水平的线性布局则需要用到组件Row,垂直的线性布局则需要用到组件Column,而RowColumn这两个布局都不具备直接设置背景、边距、显示和隐藏等功能。

Flutter入门之Row、Column、Container布局

写过Android的都知道Android中有个很常用布局LinearLayout,它可以实现线性的横向或纵向的布局结构。对于学习FlutterAndroid开发者来说,肯定也想知道Flutter中该如何实现线性布局结构。

Flutter中线性布局结构的实现是通过两个不同的widget分别来实现横向和纵向布局结构的。组件Row用来实现横向的线性布局,而组件Column则用来实现纵向的线性布局,而Container则是用来设置背景、设置大小、设置边距(padding)的布局。

Flutter实战之Gank Demo实践

初学Flutter,看了两天文档,花了两天时间利用gank.io提供的api接口实践了下Flutter,写了个Demo.

主要实践了Flutter的如下几个知识点:

Flutter入门之Could not find lint-gradle-api.jar

这两天在学习Flutter,学习过程中尝试着写了个Demo,然后在Android平台运行想看下效果,结果直接gradle都没过,错误提示如下:

1
2
3
Where: Build file 'PROJECTPATH/android/app/build.gradle' line: 25
What went wrong: A problem occurred evaluating project ':app'.
Could not resolve all files for configuration 'classpath'. Could not find lint-gradle-api.jar (com.android.tools.lint:lint-gradle-api:26.1.2). Searched in the following locations: https://jcenter.bintray.com/com/android/tools/lint/lint-gradle-api/26.1.2/lint-gradle-api-26.1.2.jar

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×