flutter框架简单学习

最新推荐文章于 2024-08-15 19:40:35 发布

牛奶小柒Luke

最新推荐文章于 2024-08-15 19:40:35 发布

阅读量310

点赞数 1

分类专栏：编程文章标签： flutter

本文链接：https://blog.csdn.net/qq_52475404/article/details/121042369

版权

本文介绍了Flutter框架的基础知识，从项目的启动开始，讲解了常用控件如Text、Row、Column、Stack和Container的使用。同时，提到了Material组件在页面切换中的应用，以及如何添加手势处理功能，包括Tap、DoubleTap、LongPress等手势事件。最后，简要提及了ListView在处理多状态情况的应用。

摘要由CSDN通过智能技术生成

flutter框架

最近在搞大创，主要课题就是flutter开发，简单认识一下
本文将widget称为控件

项目开篇介绍
一个Flutter项目从main函数中的runApp调用开始。在ranApp函数中所接收的控件会成为整个屏幕的根控件，并覆盖在整个屏幕。（可以将这个控件理解成iOS中的rootViewController或android中在manifest文件中配置的mainActivity的界面）。而其他的控件（widget）都是在这个根控件上添加的。

import 'package:flutter/material.dart';

void main() {
   
  runApp(  // 接收的是根的widget
    new Center(

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

牛奶小柒Luke

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Flutter框架概念

粉丝交流群：957013433

01-28

451

Flutter是什么? Flutter是一款移动应用程序SDK，一份代码可以同时生成iOS和Android两个高性能、高保真的应用程序。 Flutter目标是使开发人员能够交付在不同平台上都感觉自然流畅的高性能应用程序。我们兼容滚动行为、排版、图标等方面的差异。为什么要使用Flutter? Flutter有什么优势？它可以帮助你：提高开发效率同一份代码开发iOS和Andro...

GestureDetector

dongxingxxx的博客

11-22

343

一、GestureDetector GestureDetector 是检测手势的widget。在手机屏幕上的指定位置所产生的事件流都有GestureDetector决定是哪种手势。 GestureDetector({ Key key, this.child, this.onTapDown, this.onTapUp, this.onTap, t...

参与评论您还未登录，请先登录后发表或查看评论

Flutter开发-Flutter架构

最新发布

nonagontech的博客

08-15

1943

一般的跨平台框架会在Android和IOS的UI底层库上创建一层抽象，程序代码通常使用JS进行编写，基于与系统进行交互来显示UI界面，当UI和应用逻辑有繁杂的交互时更会如此。Flutter通过平台通道调用自定义代码。Flutter是一个可拓展的分层系统，可被视为各个独立组件的集合，上层组件依赖下层，上层无法越界访问更下层的组件，框架内各部分是可选可替代的。Widget思想是浅而广，最大限度地增加可能的组合数量，每个widget完成一件事，将核心功能抽象，如边距等基础功能，被实现为单独的组件。

移动跨平台框架Flutter介绍和学习线路

weixin_34144848的博客

03-16

240

Flutter简介 Flutter是一款移动应用程序SDK，一份代码可以同时生成iOS和Android两个高性能、高保真的应用程序。 Flutter目标是使开发人员能够交付在不同平台上都感觉自然流畅的高性能应用程序。我们兼容滚动行为、排版、图标等方面的差异。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。 Flutter历史说到Flutter，...

Flutter框架基础

咖啡花园

12-05

3317

Flutter应用程序是由一些零散且有关联的控件组成的，那么控件是什么？控件，就是你在屏幕上看到那些东西。例如，一间教室相当于一个屏幕，它里面可以放椅子，也可以放桌子，教室就是一个控件。在这个教室里，放一张桌子，在上面写上“Hello World”这个经典名句，桌子就是一个控件，它上面写有文字。这相当于你在屏幕上放一个Text控件，然后在Text控件的data属性中写上“Hello World”这句

Flutter框架详解

小猿

10-17

6351

flutter入门,基础知识，进阶知识

移动跨平台框架Flutter详细介绍和学习线路分享

2401_84132544的博客

05-03

1057

光有这些思路和搞懂单个知识的应用是还远远不够的，在Android开源框架设计思想中的知识点还是比较多的，想要搞懂还得学会整理和规划：我们常见的**Android热修复框架、插件化框架、组件化框架、图片加载框架、网络访问框架、RxJava响应式编程框架、IOC依赖注入框架、最近架构组件Jetpack等等Android第三方开源框架，**这些都是属于Android开源框架设计思想的。如下图所示：这位阿里P8大佬针对以上知识点，熬夜整理出了一本长达1042页的完整版如何解读开源框架设计思想。

pass-manager-frontend:我的学习项目，熟悉Flutter框架及其神奇的状态管理技术

03-07

一个简单的Flutter应用程序，用于管理客户端加密帐户。您可以在找到相关的后端应用程序。设置设置颤振。了解更多。克隆项目。 git clone https://github.com/janos-gonye/pass-manager-frontend.git 开发。

Flutter框架调研

dreamflown的博客

08-19

414

背景介绍原生开发 VS 跨平台技术原生应用程序是指某一个移动平台（比如iOS或安卓）所特有的应用，使用相应平台支持的开发工具和语言，并直接调用系统提供的SDK API。比如Android原生应用就是指使用Java或Kotlin语言直接调用Android SDK开发的应用程序；而iOS原生应用就是指通过Objective-C或Swift语言直接调用iOS SDK开发的应用程序。原生开发不能满足移动互联网的高速发展带来的需求，如动态化内容需求增大，务需求变化快，为了减少开发成本和提高开发效率，提出跨

flutter学习课件

02-26

1. **Flutter框架概述**：Flutter框架基于Dart语言，它提供了丰富的 widget 库，允许开发者快速构建用户界面。Flutter的核心设计理念是“一切都是Widget”，这使得UI设计变得非常直观和灵活。 2. **热重载**：...

Flutter框架：从入门到实战，构建跨平台移动应用的全流程解析

baidu_38876334的博客

05-09

2599

Flutter框架是由Google推出的一款跨平台移动应用开发框架。相比其他跨平台框架，Flutter具有更高的性能和更好的用户体验。本章将介绍Flutter框架的概念、特点以及与其他跨平台框架的比较，以及Flutter开发环境的搭建和第一个Flutter应用程序的创建。Flutter的特点：极致性能：Flutter采用Skia图形引擎进行渲染，可以实现60帧的流畅动画。热重载：Flutter具有热重载功能，可以快速查看应用程序的更改。

Flutter 学习- 基础框架

迷途小顽童

03-30

321

关于Flutter的安装以及完成helloword的开发大家可以参考 Flutter 起步 Flutter 配置编辑器 Flutter 起步: 体验前言在实际的项目开发中，我们目前市面上所看到的项目，如抖音、微信、淘宝分析上图其基本框架大致如下正文 -- 效果图下面我们就来实现上面图中内容的实现方式，先来看下效果图正...

Flutter框架概览

weixin_34208283的博客

05-31

106

前言：进入新框架的开发前，有必要整体了解框架设计及特点，对该框架初步认识，此文对Flutter框架进行浅显梳理，以备查阅； Flutter框架从该架构图可知，Flutter框架可分为Framework层和Engine层； Flutter Framework: 整个框架层都是用Dart语言实现，该层提供一套基础库，用于处理动画、绘图和手势等。并且基于绘图封装了一套 UI组...

Windows 下的 Flutter 框架使用方法

Matrix Base

11-13

307

Flutter如何使用入门学习(1)Flutter Widget框架概述

qq_30295213的博客

06-12

971

Flutter Widget采用现代响应式框架构建，这是从 React 中获得的灵感，中心思想是用widget构建你的UI。 Widget描述了他们的视图在给定其当前配置和状态时应该看起来像什么。当widget的状态发生变化时，widget会重新构建UI，Flutter会对比前后变化的不同，以确定底层渲染树从一个状态转换到下一个状态所需的最小更改（译者语：类似于React...

Flutter框架

咖啡花园

05-07

4142

在Flutter框架出现之前，主要有以下几个移动App跨平台开发框架：Cordova、Ionic、AppCan、Dcloud、APICloud、React Native。虽然有那么多框架，但是它们的原理都是使用HTML、CSS和JavaScript进行移动App开发，多平台共用一套代码，提供了丰富的主流UI库、用来调用原生API的JavaScript API包装器，同时还提供App打包、发布的工具...

视频教程-Flutter基础框架_插件式_架构篇-flutter

weixin_28705619的博客

05-28

293

Flutter基础框架_插件式_架构篇安卓/NDK/架构/性能优化/Flu...

Flutter框架入门篇

weixin_34107955的博客

01-23

158