Flutter简介Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面,Flutter是完全免费、开源的。Flutter组件采用现代响应式框架构建,这是从React中获得的灵感,中心思想是用组件(widget)构建UI。框架组成Flutter包括一个现代的响应式框架、一个2D渲染引擎、现成的widget和开发工具。这些组件可以帮助您快速地设计、构建、测试和
转载 2023-12-26 22:49:31
45阅读
一、PhysicalModel 组件、二、 完整代码示例、三、 相关资源、
原创 2022-03-08 14:05:30
650阅读
一,概述由于Flutter是跨平台的,所以有适用于Android和iOS的两种风格的组件。一套是Google极力推崇的Material,一套是iOS的Cupertino风格的组件。无论哪种风格,都是通用的。  概述Flutter 里有很多的 Button 组件很多,常见的按钮组件有:RaisedButton、FlatButton、IconButton、OutlineButton、ButtonBar
转载 2024-04-23 11:45:56
0阅读
一、Wrap 组件、二、Expanded 组件、三、完整代码示例、四、相关资源
原创 2022-03-08 13:38:21
1458阅读
Flutter从入门到奔溃(一):撸一个登录界面前记跨平台开发目前有3种途径:ReactNative,Weex,Flutter,至于他们之间的区别以及如何取舍,我觉得这在移动端工程师的圈子里已经讨论烂了吧,这里就不赘述了,我就说下我的看法:千万!千万!!千万!!!不要试图以为你可以踩完weex的坑。看法完毕,我们来开始接触Flutter吧!Flutter是谷歌爸爸的新一代开发语音,主打的也是ios
一、Opacity 组件、二、ClipRRect 组件、三、Padding 组件、四、完整代码示例、五、相关资源
原创 2022-01-25 18:35:27
1314阅读
这是一个系列,通过8篇文章帮助大家建立起 Flutter 的知识体系,建议大家好好阅读并收藏起来。本篇文章我们先介绍 Flutter 里一些常用的 UI 控件,然后借助官网提供的两个 demo 把所学的控件知识实际使用起来。基本控件Widget在 Flutter 里,UI 控件就是所谓的 Widget。通过组合不同的 Widget,来实现我们用户交互界面。Widget 分为两种,一种是无状态的,叫
转载 2024-01-12 02:08:59
276阅读
Flutter项目中开发IOS桌面组件(WidgetExtension)具体的WidgetExtension的开发流程这里就不细说了,可以参考文末的链接。在Flutter项目开发IOSWidget的过程中,主要的问题有:App和Widget的数据共享点击Widget跳转App的指定界面在App界面编辑并更新Widget数据App和Widget数据共享数据共享使用的是UserDefaults,前提
转载 2023-09-27 21:20:34
619阅读
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录1.Text组件2. RichText组件(富文本组件)3.TextField组件4.按钮组件 1.Text组件Text组件(简单样式文本框组件)用于显示简单的样式文本,它的常用属性如下表所示。TextStyle的常用属性如下表所示。2. RichText组件(富文本组件)RichText组件(丰富文本组件)是Flutter
转载 2024-04-09 15:05:56
88阅读
Flutter 开发中最实用的 Dart 语法知识 的文章中,介绍了 Dart 语法,本篇文章就来说一说 Flutter 开发中常见的组件的用法。 一、Widget(组件)概述 在 Flutter 开发中,记住一句话,一切皆组件Flutter组件很多,要完全记住是不可能的,我的方法就是记住常见的,然而对于组件的属性,这个不需要记住,根据实际开发需求,需要什么属性,直接点开源码,去查看一
转载 2023-12-01 09:22:43
239阅读
  示例代码 import 'package:flutter/material.dart'; void main() => runApp(new MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new Materia
原创 2021-07-09 17:24:44
313阅读
一、FractionallySizedBox 组件、二、Stack 布局组件、三、Positioned 组件、四、 完整代码示例、五、 相关资源
原创 2022-03-08 13:39:21
1998阅读
前面课时只介绍了组件设计,并没有过多涉及布局的讲解,可能你了解一些布局组件,比如 Container、Row、Column、Padding、Center 等,但是对于如何从 UI 稿到组件再到布局,却没有非常清晰的思路。本课时就从我的角度来分析,如何进行组件的布局。常见布局组件Flutter 中可以分为 Single-child layout widgets 和 Multi-child lay
一、PageView 组件、二、PageView 组件完整代码示例、三、 相关资源、
原创 2022-03-08 13:44:59
614阅读
  文章目录 【Flutter学习】之MaterialApp和Scaffold组件使用详解 【Flutter学习】基本组件之容器组件Container 【Flutter学习】基本组件之文本组件Text 【Flutter学习】基本组件之图片组件Image 【Flutter学习】基本组件之图标组件Icon 【Flutter学习】基本组件之基本按钮组件 --------- RaisedBut
原创 2021-07-05 11:08:47
456阅读
# Android Studio选中组件高亮实现教程 ## 1. 整体流程 下面是实现Android Studio选中组件高亮的流程图: ```mermaid flowchart TD A(开始) B(选中组件) C(添加高亮效果) D(结束) A-->B-->C-->D ``` ## 2. 每一步的操作 ### 步骤1:选中组件 首先,我们需要
原创 2023-11-30 12:16:30
181阅读
BottomNavigationBar 是底部导航条,可以让我们定义底部 Tab 切换,bottomNavigationBar是 Scaffold 组件的参数。 BottomNavigationBar 常见的属性 属性名 说明 items List<BottomNavigationBarItem>
转载 2021-08-13 09:24:12
330阅读
一个圆形图标按钮,它悬停在内容之上,以展示应用程序中的主要动作。FloatingActionButton通常用于Scaffold.floatingActionButton字段 效果: 文档:https://api.flutter.dev/flutter/material/FloatingAction
转载 2021-08-13 09:31:05
650阅读
加入图片的几种方式 Image.asset:加载资源图片,就是加载项目资源目录中的图片,加入图片后会增大打包的包体体积,用的是相对路径。 Image.network:网络资源图片,意思就是你需要加入一段http://xxxx.xxx的这样的网络路径地址。 Image.file:加载本地图片,就是加载
转载 2021-08-13 09:28:06
334阅读
# 如何实现 Flutter iOS 组件 在开发 Flutter 应用时,可能会需要使用 iOS 的原生组件。本文将为你详细介绍如何实现 Flutter iOS 组件,包括必要的步骤和代码示例。我们将从理解流程开始,然后逐步走过每一个重要的步骤。 ## 实现流程 首先,我们来概述一下实现 Flutter iOS 组件的流程,具体步骤将以表格形式展示: | 步骤 | 描述
原创 10月前
32阅读
  • 1
  • 2
  • 3
  • 4
  • 5