Flutter开发笔记06 - StatelessWidget与其基础组件

最新推荐文章于 2024-04-03 01:31:18 发布
最新推荐文章于 2024-04-03 01:31:18 发布
阅读量174 收藏
点赞数
分类专栏： Flutter Android 文章标签： flutter android android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_31177681/article/details/89287838
版权

 GitHub Demo 地址：https://github.com/LINGLemon/lxf_flutter_demo

 

先列举StatelessWidget与其相关的基础组件：

其中，

Container：容器组件

Text：文本组件

Icon：icon组件

CloseButton/BackButton：返回按钮组件

Clip：一个标签组件

Divider：分割线组件

Card：带有圆角阴影边框的组件

AlertDialog：提示框组件

哈尔滨的酸柠檬
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flutter-StatefulWidget和StatelessWidget
yuanjinsong123的专栏
02-21 659
对于万物皆Widget的Fultter，同样的事情一般都有多种控件可以实现，太多的选择总是会让人陷入或多或少的选择纠结症和对性能的忧虑上。 初次接触Flutter，首先必然要面对的两座大山：StatelessWidget & StatefulWidget。 而在这两个控件的选择上，大部分人给出的解释就是："就像他们的名字一样，无状态静态的视图展示使用StatelessWidget，而有交...
Flutter之StatelessWidget和StatefulWidget的详细使用
watertekhqx的博客
05-28 4415
状态是在构建widget时可以同步读取的信息，或者在widget的生命周期中可能更改的信息，在Flutter中如果要管理状态需要用到 StatefulWidget。 什么是StatelessWidget？ Flutter中的StatelessWidget是一个不需要状态更改的widget - 它没有要管理的内部状态。 当您描述的用户界面部分不依赖于对象本身中的配置信息以及widget的BuildC...
第一个Flutter APP
ww55555577的博客
09-04 292
创建Flutter App 创建一个新的Flutter项目，项目会默认自带一个示例，编辑lib/main.dart的代码 删除main.dart文件中的代码，替换为以下代码，然后运行 import 'package:flutter/material.dart'; void main() => runApp(new MyApp()); class MyApp extends St...
flutter实现子widget中控制父widget中的方法和属性2
yuezheyue123的博客
11-22 4225
父widget和子widget进行通讯的难点就是不能获取到父widget的对象，因此要借助其他的方法，比如借助InheritedWidget或是通过Notification 在主页面 在子widget中 很难理解的就是key的使用，这样统一的使用一个key，应该是为了避免重复创建对象。但是在去除key后，并不能实现功能。还需要研究。 ...
Flutter 的生命周期
大灰狼的小绵羊哥哥的博客
07-05 3506
前言 如果你是 Android、iOS、React、Vue 的开发人员，那么你一定不会对生命周期感到陌生，当你在学习 Flutter 的时候，Flutter 也有自己的生命周期。本篇文章就讲讲 Flutter 的生命周期，从而知道应该在哪里来写业务逻辑。 Flutter 的生命周期 Flutter 的生命周期分为两个部分： Widget 的生命周期 App 的生命周期 Flutter 里...
Flutter第一个应用
weixin_34337265的博客
03-22 368
IDE：Android Studio 工程主要文件 首先我们创建一个Flutter项目，项目名称单词首字母小写，下划线连接，例如first_project，而不是firstProject或者FirstProject。创建项目完成后，如下图。今天我们主要会用到两个文件lib/main.dart、pubspec.yaml。main.dart是main方法所在的文件，项目的入口，pubsp...
StatelessWidget与基础组件
nicolelili1的专栏
05-25 804
1、 在flutter里面，一切皆组件，在组件里面撑起flutter半边天的一个是无状态StatelessWidget组件，一个是有状态的StatefulWidget组件 2、 container:容器组件 Text:文本组件 Icon:图标组件 CloseButton:关闭按钮的组件 BackButton:返回按钮的组件 Chip:材料设计中非常有趣的一个组件 Div...
Flutter 笔记 | Flutter 核心原理（一）架构和生命周期
川峰的博客
05-19 3221
简单来讲，Flutter 从上到下可以分为三层：框架层、引擎层和嵌入层，下面我们分别介绍： 1. 框架层 Flutter Framework，即框架层。这是一个纯 Dart实现的 SDK，它实现了一套基础库，自底向上，我们来简单介绍一下： 底下两层（Foundation 和 Animation、Painting、Gestures）在 Google 的一些视频中被合并为一个dart UI层，对应的是Flutter中的dart:ui包，它是 Flutter Engine 暴露的底层UI库，提供动画、手势及
Flutter 笔记 | Best Practice Tips for Flutter
川峰的博客
06-06 340
Best Practise Tips for Flutter，Best Practise Tips for Flutter，Best Practise Tips for Flutter，Best Practise Tips for Flutter，Best Practise Tips for Flutter，Best Practise Tips for Flutter，Best Practise Tips for Flutter，Best Practise Tips for Flutter，Best Pra
【译】 Flutter 延迟加载组件 【包体积优化 _ 动态化
m0_64604842的博客
12-10 761
// Emulates installation of future on demand modules using SplitCompat. SplitCompat.install(this); } 将 `SplitCompatApplication` 声明为 application 的子类， 并将 `FlutterApplication` 中的 flutter 兼容性代码添加到你的 application 类中： <application … android:name=“com.google.
Flutter学习笔记-Widget
最新发布
weixin_37188071的博客
04-03 910
在 widget 构建时可以被同步读取。在 widget 生命周期中可以被改变，当State被改变时，可以手动调用其setState()方法通知Flutter 框架状态发生改变，Flutter 框架在收到消息后，会重新调用其build方法重新构建 widget 树，从而达到更新UI的目的。widget，它表示与该 State 实例关联的 widget 实例，由Flutter 框架动态设置。
iOS Flutter插件 导入第三方Framework和添加自定义Assets
酸柠檬的博客
07-11 9047
场景：当使用Flutter开发Package&Plugins时，若需要导入第三方Framework，此时就相当于Pod该Framework（iOS环境下）。 1.Flutter 创建Plugins之后，包名如 flutter_plugin_indoor_map，先用Android Studio打开 flutter_plugin_indoor_map 项目，并运行。 2.将第三方库在fi...
Flutter开发笔记18 - iOS通过FlutterEventChannel发送消息给Flutter
酸柠檬的博客
05-27 8680
主要逻辑： Flutter端 EventChannel监听Native传来的消息 Native通过创建EventChannel，给Flutter层发送消息 代码梳理 1、Flutter端创建EventChannel进行监听 EventChannel eventChannel = EventChannel("App/Event/Channel", const StandardMetho...
2021 Cocoapods的简单安装、使用与更新版本（含M1安装方法）
酸柠檬的博客
05-10 6864
Cocoapods的作用 1 管理第三方框架 2 自动下载第三方框架，而且会自动帮我们配置，不需要添加额外的第三方框架或者是动态库之类 当你开发iOS应用时，会经常使用到很多第三方开源类库，比如JSONKit，AFNetWorking等等。可能某个类库又用到其他类库，所以要使用它，必须得另外下载其他类库，而其他类库又用到其他类库，“子子孙孙无穷尽也”，这也许是比较特殊的情况。
Flutter开发笔记13 - Flutter集成Bugly插件
酸柠檬的博客
04-16 6449
最近公司Flutter项目中要求集成监控App崩溃的功能，由于Flutter是一个跨平台中较新的框架，在衡量阿里云、AppCenter、腾讯Bugly的利弊之后，内部决定使用TencentBugly。而在GitHub上也找到了对应的插件，地址如下： 腾讯Bugly flutter应用更新统计及异常上报插件,支持Android、iOS github地址：https://github.com/cr...
Flutter开发笔记02 - Flutter默认项目初试与main.dart中状态管理解析
酸柠檬的博客
04-02 3364
一、二章节是重点 GitHub Demo 地址：https://github.com/LINGLemon/lxf_flutter_demo 一、什么是StatelessWidget？ Flutter中的StatelessWidget是一个不需要状态更改的widget - 它没有要管理的内部状态。 当您描述的用户界面部分不依赖于对象本身中的配置信息以及widget的BuildContext 时，无状态widget非常有用。 AboutDialog,CircleAvator和Text都是S...
iOS UIView同时设置圆角和阴影
酸柠檬的博客
08-09 3053
因为圆角和阴影不能同时设置，所以给原来的view添加一个shadow container view。 /** * 周边加阴影，并且同时圆角 */ + (UIView *)addShadowToView:(UIView *)view withOpacity:(float)shadowOpacity shadowRadius:(CGFloat)shadowRadius andCornerRa...
iOS 自定义转场动画 - present/dismiss转场动画改为push/pop的样式
酸柠檬的博客
07-16 2420
直接上代码！ 1、准备工作： 默认的ViewController类，和创建要present到的下一级控制器SecondViewController类。默认创建，不添加其他操作，可以自己改改背景色做区分。 2、实现present动画： 这里演示的动画类似原生的push和pop动画，present时界面由右向左覆盖上一级界面，dismiss相反过程。 2.1、创建一个继承自NSObject的类LX...
Flutter 点击拖拽收回键盘
酸柠檬的博客
08-15 2212
///移除键盘核心代码 FocusScope.of(context).requestFocus(new FocusNode()); 创建dart文件，并添加如下类。在需要点击或者拖拽的view外面嵌入如下类，触发相关方法的时候就可以收回键盘 //点击收回键盘 import 'package:flutter/material.dart'; class TouchHideKeyBoard e...
掌握Flutter基础组件：打造绚丽UI界面
本文主要介绍了如何使用Flutter构建漂亮的UI界面的基础组件，尤其关注于基础组件的作用和用法。Flutter作为一个流行的跨平台移动应用开发框架，由Google支持，因其高性能和统一的开发体验吸引了众多开发者。作者作为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值