Flutter

flutter_经典控件(一):文本、图片和按钮在Flutter中怎么用?

而作为一个UI框架，与Android、iOS和React类似的，Flutter自然也提供了很多UI控件。文本、图片和按钮则是这些不同的UI框架中构建视图都要用到的三个最基本的控件。因此，在今天这篇文章中，我就与你一起学习在Flutter中该如何使用它们。文本、图片和按钮一、文本控件(Text和Text.rich)在Flutter中，文本展示是通过Text控件实现的。Text支持两种类型的文本展示，

Eyes_cc·2023-12-15 16:14

美团flutter_直击现场！最前沿的Flutter干货都在这里（内含全部资料）

*本次Flutter技术交流会的全部演示文稿资料，已全部整理到“快手星球”微信公众号上，欢迎大家关注“快手星球”微信公众号，回复KFM下载。作为跨端开发框架，Flutter自Google提出以来在整个业界吸引了越来越多的关注，也为在iOS和Android上构建高质量的应用提供了更多的便捷。为了聚焦各公司Flutter技术的动向与实践，为开发者们提供一个线下交流学习的机会，快手中学在北京总部举办了“

weixin_39637975·2023-11-17 06:10

Flutter_环境配置

FlutterSDK下载FlutterSDK管理工具下载安装下载FlutterSDK设置全局SDK修改Flutter配置文件获取全局SDK路径验证配置是否成功验证环境配置下载FlutterSDK管理工具下载安装SideKick下载链接下载FlutterSDK打开SideKick选择需要的SDK版本，点击下载即可设置全局SDK设置方式如图所示：修改Flutter配置文件获取全局SDK路径点击如图所示

shengkuiwang·2023-10-10 08:16

flutter_学习记录_02底部 Tab 切换保持页面状态的几种方法

一、IndexedStack保持页面状态1.1IndexedStack原理说明IndexedStack和Stack一样，都是层布局控件，可以在一个控件上面放置另一个控件，但唯一不同的是IndexedStack在同一时刻只能显示子控件中的一个控件，通过Index属性来设置显示的控件。IndexedStack来保持页面状态的优点就是配置简单。IndexedStack保持页面状态的缺点就是不方便单独控制

一人前行·2023-06-23 06:53

flutter_学习记录_03_通过事件打开侧边栏

实现类似这样的侧边栏的效果：可以用Drawer来实现。1.在Scaffold组件下设置endDrawer属性代码如下：import'package:flutter/material.dart';classProductListPageextendsStatefulWidget{ProductListPage({super.key});@overrideStatecreateState()=>_Pr

一人前行·2023-06-23 06:53

Flutter_设置APP图标和启动图

一、设置APP图标更新Flutter应用程序启动图标的方式与在本机Android或iOS应用程序中更新启动图标的方式相同。Android在Flutter项目的根目录中，导航到.../android/app/src/main/res目录，里面包含了各种资源文件夹（如mipmap-hdpi已包含占位符图像“ic_launcher.png”，见图2-8）。只需按照Android开发人员指南(opensn

Eyes_cc·2023-06-20 10:06

Flutter轮播图:Swiper与PageView，及PageView的应用

flutter_swiper_null_safety和flutter_

风曦Kisaki·2023-06-17 12:18

Flutter_五彩斑斓的边框

这两天看了flutter绘制方面的文章，写了一个五彩斑斓的酷炫边框，已经发布到pub.dev，喜欢的小伙伴可以直接拿来用flutterpubaddflutter_colors_borderexample.gif

toobai·2023-04-17 17:32

flutter_常用插件

常用插件库https://www.jianshu.com/p/9e5cc4ba3a8eapp版本升级工具包https://github.com/Sky24n/common_utils/tree/master/libr_upgradehttps://www.jianshu.com/p/1431de98a0b8时间选择器flutter_datetime_pickertoastfluttertoastR

走停2015_iOS开发·2023-04-12 06:06

flutter_apopen:轻松集成支付宝分享

Url)分享网页(缩略图UInt8List)Dependenciesdependencies:flutter_apopen:^${latestVersion}初始化注册：import'package:flutter

sssssyyyyy·2023-04-08 21:58

Flutter_定义控件StatefulWidgets和StatelessWidget

Stateful（有状态）和stateless（无状态）widgets什么是重点?有些widgets是有状态的,有些是无状态的如果用户与widget交互，widget会发生变化，那么它就是有状态的.widget的状态（state）是一些可以更改的值,如一个slider滑动条的当前值或checkbox是否被选中.widget的状态保存在一个State对象中,它和widget的布局显示分离。当widg

icechao·2023-03-13 00:26

flutter混合开发-android

settings.gradle中添加include':app'setBinding(newBinding([gradle:this]))evaluate(newFile(settingsDir.parentFile,'工程全名/flutter

亢正·2023-03-10 15:19

2020-03-17

阿里开源组件app_debug_toolflutter_方案flutter_组件flutter_reduxAI人脸,手势识别,人像分割ios_LazyScrollViewTangram-iOSiOS中Category

健健锅·2023-03-10 09:32

Flutter 根据json生成实体类

串这时会生成如下的实体类import'package:flutter_prevent_lost/generated/json/base/json_field.dart';import'package:flutter

itfitness·2023-02-07 00:17

iOS 集成 Flutter Module 和加载 Flutter 页面

/flutter_

__Simon__·2023-01-26 10:37

Flutter_收起键盘按钮_点击空白收起键盘

QQ20220815-174243.gif苹果手机输入法，没有收起键盘按钮，在表单逻辑中，不是很友好。解决：点击空白页面收起键盘，以及在输入法上方自定义一个收起键盘按钮。使用returnFocusMonitoring(child:Scaffold(TextField(...............)));组件///取消焦点收起键盘classFocusMonitoringextendsStatefu

卢融霜·2022-08-15 17:48

13.Flutter(Widget)-Dialog

8.0.9FlutterAlertDialogSimpleDialogshowModalBottomSheet自定义Dialog1.DialogPageimport'package:flutter/material.dart';import'package:flutter

aofeilin·2022-07-27 16:00

Flutter_跑马灯

Flutter跑马灯///description_begin.///跑马灯,根据滚动方向可以分为横向滚动和纵向滚动。///此页实现的跑马灯是横向滚动的。///description_end.import'dart:async';import'package:flutter/material.dart';voidmain(){runApp(MyApp());}classMyAppextendsSta

JxSr程知农·2022-02-28 17:22

Flutter-module嵌入Android原生项目

FlutterSDK2.10.11、创建文件夹和文件根据官网的文档，首先，在桌面创建一个名为native_import_flutter_demo的文件夹，然后在该文件夹内分别创建了android_demo、flutter

dushiling·2022-02-26 14:54

2020 flutter_如何在2020年学习Flutter

2020flutterFlutterisatrendingtechnologythisyear.ThisarticlewillsuggestsomefreeandpaidwaystolearnhowtodevelopiOSandAndroidapplicationswithFlutter.Flutter是今年的一种趋势技术。本文将建议一些免费和付费的方法，以学习如何使用Flutter开发iOS和A

cumian8165·2022-02-06 17:36

Flutter_一小时入门Dart

本文适合有代码基础的人,如果没在代码基础请文章底部来源从头开始学习示例//定义一个函数printInteger(intaNumber){print('Thenumberis$aNumber.');//打印到控制台。}//应用从这里开始执行。//程序开始执行函数，该函数是特定的、必须的、顶级函数。main(){//定义变量，通过这种方式定义变量不需要指定变量类型。varnumber=42;print

icechao·2021-06-20 12:21

Flutter_异常_Your Xcode version may be too old for your ios version

初看这个问题提示语，感觉只要升级XCode就可以了，但是发现XCode已经是最新版本了，非常纳闷！在XCode12和iOS14系统的情况下才会出现。折腾了许久，在githut找到了解决方法就是更新FlutterSDK中ios-deploy文件，按照截图操作就能解决补充：感谢，评论区小伙伴提到的找不到ios-deploy可执行文件，以下是获取下载文件中ios-deploy可执行文件的方法

MR_詹·2021-06-09 01:34

Flutter：BottomNavigationBar + PageView 解决切换页面被重置

效果代码import'package:flutter/material.dart';import'package:flutter_

ImWiki·2021-06-01 10:35

Flutter 兼容两个版本（macOS系统）

tab=macos#macos1.将下载好的FlutterSDK包重命名（不要和之前重名就行，我此处命名为flutter_版本号），然后放到合适的位置，我放到了user文件夹下，和之前安装的flutter

Linda_smile·2021-04-18 18:16

flutter 音频录制插件(flutter_sound)

插件网址:https://pub.dev/packages/flutter_sound安装在pubspec.yaml添加依赖dependencies:...flutter_

weixin_43947294·2020-08-15 20:38

flutter_升级androidx心得记录

本人也是个新手记录一些自己所遇到的问题。Launchinglib\main.dartonNokiaX6indebugmode...FAILURE:Buildfailedwithanexception.*Whatwentwrong:Executionfailedfortask':app:preDebugBuild'.>Androiddependency'androidx.appcompat:appc

sinat_18805049·2020-08-09 12:29

flutter_极光推送android

flutter极光推送集成Android端前言集成需知上源码前言：对于flutter的学习我也是刚学，中间遇到很多关于代码的问题，我是抽时间将公司的一个正在开发的Android项目转过来，这是我个人的计划，公司不知道的。所以中间会边搞其他边学习，现在我主要解决的问题就是加密解密，极光推送，地图导航，地图定位，线路规划，小车轨迹运动。期间也碰到好的博客，给大家分享下。flutter_mvp代码快捷键

宝杰X7·2020-07-13 06:30

flutter_文本组件的使用，设置文本属性

项目：textwidget0221//引入库文件import'package:flutter/material.dart';//创建主函数voidmain()=>runApp(MyApp());//创建主要的类classMyAppextendsStatelessWidget{//重写父类方法@overrideWidgetbuild(BuildContextcontext){returnMateri

whqwjb·2020-07-09 00:28

Flutter_实现日间夜间主题切换

class_DynamicThemeStateStateextendsState{Brightness_brightness=Brightness.light;//默认主题为日间模式@overrideWidgetbuild(BuildContextcontext){returnMaterialApp(title:'FlutterDemo',theme:ThemeData(brightness:_b

ZaynGit·2020-06-29 00:56

flutter_监听页面状态

监听页面状态，主要用到了WidgetsBindingObserver在页面的mian.dart文件中，withWidgetsBindingObserver，并设置监听。具体实现：最后记得销毁实例具体的实现方式，思否的这个有点坑，会加很多/,classMyAppextendsStatefulWidget{@override\_MyAppStatecreateState()=>\_MyAppState

kkw凯凯王·2020-02-26 08:38

flutter_获取屏幕信息

1、屏幕的信息只可以放在build方法下面，并且需要在MaterialApp的home部件中，具体报错可以点进去看源码介绍vardome=MediaQuery.of(context).size;print('屏幕总宽度${dome.width}');print('屏幕总高度${dome.height}');finaldoubletopPadding=MediaQuery.of(context).p

kkw凯凯王·2020-02-26 08:06

flutter_自定义tabbar的实现记录

实现过程方式借鉴了大佬的方案。与插件，记录一下使用插件的效果还可以自定义头部，目前只用到了底部导航。实现的效果如下。1、在yaml文件中引入flutter\_custom\_bottom\_tab\_bar:git:https://github.com/panda-boy/flutter\_bottom.git整个dome文件`import'package:flutter/material.dar

kkw凯凯王·2020-02-25 03:33

flutter_打包安卓的app

flutter打包记录文档。当前flutter版本flutter_windows_v1.12.13+hotfix.8-stableAndroidStudio版本3.5.31、设置应用的图标，下面几个mipmap-(nx)hdpi就是不同分辨率的图。2、创建一个key.properties文件，目录结构如下3、执行生成密钥的语句`keytool -genkey -v -keystore F:\\AP

kkw凯凯王·2020-02-25 03:32

flutter_使用融云sdk初步记录

1、新建一个flutter项目。然后打开新建的项目2、到融云下载他们的skd,地址:https://github.com/rongcloud/...3、解压文件，文件目录如下4、打开其中的example目录。目录如下5、复制example目录下的lib的全部文件到开始我们新建的项目中的lib文件夹下，当遇见main函数相同直接覆盖，复制完成后的项目结构如下图6、打开example文件下的pubsp

kkw凯凯王·2020-02-22 04:44

Flutter原理：官网的混编方式分析

/cj_nativeflutter_fluttermodule"eval(File.read(File.join(flutter_

dvlproad·2020-02-10 17:47

flutter_链接唤醒app

短信链接唤醒app指定页面，这在原生Android中似乎并不难实现。可在flutter中，却折磨了我许久。现在也许将这个问题不完美的解决了，也记录一下，哪天再回来填坑。使用uni_links:^0.2.0插件地址1：地址2：添加依赖与配置AndroidManifest.xml就不再赘述，在作者的GitHub示例中都有介绍。想要在flutter中跳转到指定页面，需要自己写一个异步函数去处理。//创建

想放假的程序媛·2020-02-07 08:21

Flutter_点击事件和手势

Flutter_点击事件和手势Flutter中的手势系统有两个独立的层。第一层具有原始指针事件，其描述屏幕上指针（例如，触摸，鼠标和测针）的位置和移动。

icechao·2019-12-01 23:49

flutter_路由那些事

使用fluro来实现flutter中的路由管理，不是很熟练，记录一下。1.引入fluro:^1.5.12.application.dartimport'package:fluro/fluro.dart';classApplication{staticRouterrouter;}3.router_Handler.dartHandleruserHandler=Handler(handlerFunc:(

想放假的程序媛·2019-08-16 20:24

Flutter_基础控件及属性

Flutter基础控件及属性Container一个拥有绘制、定位、调整大小的widget。属性alignment→AlignmentGeometry将孩子与容器内的对齐。child→Widget容器所包含的孩子。constraints→BoxConstraints适用于儿童的其他限制。decoration→Decoration孩子背后的装饰。foregroundDecoration→Decorat

icechao·2019-03-20 19:29

flutter---上拉加载下拉刷新插件篇 flutter_easyrefresh

import'package:flutter/material.dart';import'package:flutter_easyrefresh/easy_refresh.dart';import'package:flutter

一个flutter大菜鸟·2019-03-20 17:08

推荐频道

Flutter_