Flutter
文章平均质量分 51
wd_113634687
这个作者很懒,什么都没留下…
展开
-
实现底部导航栏并点击切换页面可简述为有三种方式 1,BottomNavigationBar 2,自定义 BottomAppBar 3,TabBar + TabBarView
在Flutter应用中,导航栏切换页面后默认情况下会丢失原页面状态,即每次进入页面时都会重新初始化状态,如果在initState中打印日志,会发现每次进入时都会输出,显然这样增加了额外的开销,并且带来了不好的用户体验。1, 1,BottomNavigationBar + BottomNavigationBarItem(index_page页面)2,自定义 BottomAppBar ...原创 2020-04-17 16:05:48 · 953 阅读 · 1 评论 -
flutter项目UI框架搭建 最实用而且现在最流行的框架: 下面几个tab按钮,点击按钮切换到相应的页面。
Flutter实战—flutter项目UI框架搭建flutter项目UI框架搭建最实用而且现在最流行的框架:下面几个tab按钮,点击按钮切换到相应的页面。大家可以看看如图所示:页面随着tab的切换而切换,随波逐流。下面代码具体实现:1,新建一个flutter项目2,在main.dart文件中编写app主入口3,在app主入口中加入主页面的框架index_page4,然后在in...原创 2020-03-23 16:58:11 · 619 阅读 · 0 评论 -
Flutter中的点击、拖动和其它手势
Flutter中的点击、拖动和其它手势介绍Pointers手势手势消歧介绍本文档介绍了如何在Flutter中监听并响应手势(点击、拖动和缩放)。Flutter中的手势系统有两个独立的层。第一层有原始指针(pointer)事件,它描述了屏幕上指针(例如,触摸,鼠标和触控笔)的位置和移动。 第二层有手势,描述由一个或多个指针移动组成的语义动作。Pointers指针(Pointer)代...原创 2019-04-05 16:16:47 · 858 阅读 · 0 评论 -
Flutter 跨平台开发 为什么选择Flutter
Flutter 跨平台开发 为什么选择Flutter跨平台一直都是移动开发领域所追求却始终难以真正企及的梦想,从最早的 Cordova(没有接触过,想了解可以去这个地方查看https://www.cnblogs.com/cr330326/p/7082821.html),到前几年的 React Native(环境搭建过 运行过demo)、Weex(浏览了一下),我们一直在探索和追求更完美的移...原创 2019-04-02 13:57:56 · 1150 阅读 · 0 评论 -
跨平台开发 为什么选择Flutter
为什么要使用Flutter?Flutter有什么优势?它可以帮助你:提高开发效率同一份代码开发iOS和Android用更少的代码做更多的事情轻松迭代在应用程序运行时更改代码并重新加载(通过热重载)修复崩溃并继续从应用程序停止的地方进行调试创建美观,高度定制的用户体验受益于使用Flutter框架提供的丰富的Material Design和Cupertino(iOS风格)的widge...原创 2019-04-02 14:41:30 · 635 阅读 · 0 评论 -
Android 开发者 for Flutter (1)Flutter和Android中的View对比及如何更新widget
Android 开发者 for Flutter (1)## Views(一)Flutter和Android中的View在Android中,View是屏幕上显示的所有内容的基础, 按钮、工具栏、输入框等一切都是View。 在Flutter中,View相当于是Widget。然而,与View相比,Widget有一些不同之处。 首先,Widget仅支持一帧,并且在每一帧上,Flutter的框架都会创...原创 2019-04-02 14:59:26 · 714 阅读 · 0 评论 -
Android 开发者 for Flutter (2)如何布局? XML layout 文件跑哪去了?及布局中添加或删除组件
如果您是从安卓转过来的 请从下面的 Android 开发者 for Flutter (1)开始看 ,有助于你的学习如何布局? XML layout 文件跑哪去了?在Android中,您通过XML编写布局,但在Flutter中,您可以使用widget树来编写布局。这里是一个例子,展示了如何在屏幕上显示一个简单的Widget并添加一些padding。@overrideWidget buil...原创 2019-04-02 15:12:24 · 1297 阅读 · 2 评论 -
Android 开发者 for Flutter (3) flutter中动画是如何实现的 及 如何使用Canvas draw/paint
Android 开发者 for Flutter (3) flutter中动画是如何实现的 及 如何使用Canvas draw/paintFlutter入门,学习历程,进入开发,在安卓手机运行起来Visual Studio code工具开发flutte总结Flutter 跨平台开发 为什么选择Flutter跨平台开发 为什么选择FlutterAndroid 开发者 for Flutter...原创 2019-04-02 15:43:29 · 928 阅读 · 0 评论 -
Flutter 中 如何构建自定义 Widgets
如何构建自定义 Widgets在Android中,您通常会继承View或已经存在的某个控件,然后覆盖其绘制方法来实现自定义View。在Flutter中,一个自定义widget通常是通过组合其它widget来实现的,而不是继承。我们来看看如何构建持有一个label的CustomButton。这是通过将Text与RaisedButton组合来实现的,而不是扩展RaisedButton并重写其绘制...原创 2019-04-02 16:21:09 · 363 阅读 · 0 评论 -
安卓Intent在Flutter中等价于什么?及数据传输和startActivityForResult 在Flutter中等价于什么
IntentsIntent在Flutter中等价于什么?**在Android中,Intents主要有两种使用场景:在Activity之间切换,以及调用外部组件。 Flutter不具有Intents的概念,但如果需要的话,Flutter可以通过Native整合来触发Intents。要在Flutter中切换屏幕,您可以访问路由以绘制新的Widget。 管理多个屏幕有两个核心概念和类:Route ...原创 2019-04-02 16:37:32 · 894 阅读 · 1 评论 -
异步UI runOnUiThread 在Flutter中等价于什么
异步UIrunOnUiThread 在Flutter中等价于什么Dart是单线程执行模型,支持Isolates(在另一个线程上运行Dart代码的方式)、事件循环和异步编程。 除非您启动一个Isolate,否则您的Dart代码将在主UI线程中运行,并由事件循环驱动(译者语:和JavaScript一样)。例如,您可以在UI线程上运行网络请求代码而不会导致UI挂起(译者语:因为网络请求是异步的):...原创 2019-04-02 16:41:04 · 633 阅读 · 0 评论 -
AsyncTask和IntentService在Flutter中等价于什么
AsyncTask和IntentService在Flutter中等价于什么在Android中,当你想访问一个网络资源时,你通常会创建一个AsyncTask,它将在UI线程之外运行代码来防止你的UI被阻塞。 AsyncTask有一个线程池,可以为你管理线程。由于Flutter是单线程的,运行一个事件循环(如Node.js),所以您不必担心线程管理或者使用AsyncTasks、IntentServ...原创 2019-04-02 16:46:02 · 383 阅读 · 0 评论 -
OkHttp在Flutter中等价于什么
OkHttp在Flutter中等价于什么当使用受欢迎的“http”package时,Flutter进行网络信非常简单。虽然“http” package 没有实现OkHttp的所有功能,但“http” package 抽象出了许多常用的API,可以简单有效的发起网络请求。https://pub.dartlang.org/packages/http您可以通过在pubspec.yaml中添加依赖...原创 2019-04-02 16:53:20 · 1098 阅读 · 0 评论 -
**如何在Flutter中显示进度指示器**
如何在Flutter中显示进度指示器在Android中,当您执行耗时任务时,通常会显示进度指示器。在Flutter中,这可以通过渲染Progress Indicator widget来实现。您可以通过编程方式显示Progress Indicator , 通过布尔值通知Flutter在耗时任务发起之前更新其状态。在下面的例子中,我们将build函数分解为三个不同的函数。如果showLoadin...原创 2019-04-03 09:02:17 · 2017 阅读 · 0 评论 -
flutter_url_launcher轮播图banner编写(自定义可随意在任何地方添加和删除)
自动无限循环,可以手动拖拽,指示器显示首页代码,将轮播图自定义出来一个控件,直接可以添加和删除 @override Widget build(BuildContext context) { return new Scaffold( appBar: new AppBar( title: new Text('首页') ), ...原创 2019-04-10 09:43:27 · 472 阅读 · 0 评论 -
Flutter 插件,主题,数据库和本地存储,如何在Flutter中访问SQLite,通知
Flutter 插件如何使用 GPS sensor要访问GPS传感器,您可以使用社区插件 https://pub.dartlang.org/packages/location如何访问相机访问相机的流行社区插件是 https://pub.dartlang.org/packages/image_picker如何使用Facebook登陆要访问Facebook Connect功能,您可以使用 ...原创 2019-04-05 14:25:34 · 1983 阅读 · 0 评论 -
表单输入 Input的”hint”在flutter中相当于什么,**如何显示验证错误**
表单输入Input的”hint”在flutter中相当于什么在Flutter中,您可以通过向Text Widget的装饰构造函数参数添加InputDecoration对象,轻松地为输入框显示占位符文本body: new Center( child: new TextField( decoration: new InputDecoration(hintText: "This is ...原创 2019-04-05 14:20:06 · 610 阅读 · 0 评论 -
在安卓studio中导入flutter项目报错
在安卓studio中导入flutter项目报错新导入项目报错,flutter的导入包提示target of uri doesnt existimport ‘package:flutter/material.dart’; 报红线main.dart文件一片红解决办法:选择 Tools目录下的–》 Flutter --》 Flutter packages get 即可稍等错误解决。...原创 2019-02-21 10:32:27 · 3735 阅读 · 0 评论 -
Flutter轮播图编写(两种方式)CarouselSlider和PageView(自动轮播,也可以手动左右拖拽)
banner轮播图图组件,banner可以独立引用可用两种方式编写CarouselSlider和PageViewCarouselSlider方式PageView方式:如对您有帮助,欢迎starts 谢谢。项目源码github:https://github.com/1136346879/flutter-鸣谢flutter中文网 https://flutterchina.club...原创 2019-03-08 14:52:40 · 5016 阅读 · 0 评论 -
flutter run 运行项目 所遇到的问题总结(Scaffold加padding及 flutter/material.dart';爆红问题解决;listview嵌套gridview滑动问题)
flutter run 运行项目 所遇到的问题总结flutter packages get import ‘package:flutter/material.dart’;爆红问题解决:listview中嵌套GridView, 当触摸到gridview时,滑动事件被拦截,导致页面不可滑动问题处理: 给GridView添加属性 primary:false, 拦截其滑动事件fl...原创 2019-03-07 14:03:07 · 1233 阅读 · 1 评论 -
Flutter 项目编写 第三方插件库文件引入,本地图片 json数据引入解析
FlutterDemo是如何一步一步搭建起来的最初就是直接新建flutter项目,就会自动建立一个入门项目。(开始项目前,需先学习Dart语言)flutter项目代码都在lib目录下编写:新建包,新建dart类,在dart类中编写flutter 插件引入: (可以看项目中如何引入的)首先在项目更目录下找这个文件: pubspec.yamldependencies:flutter:s...原创 2019-03-07 14:45:37 · 4552 阅读 · 0 评论 -
VScode工具开发flutte总结
VScode如果导入的项目是gitHUb上的项目关联的github,那么在VScode上会自动和github关联(vscode上git已经配置好,不需要我们配置,连接,再输入项目地址等等)可以直接拉去项目和提交修改的内容...原创 2019-03-07 16:33:57 · 703 阅读 · 0 评论 -
flutter 中tabbar切换上下均可,banner轮播图,listview刷新添加更多,listview嵌套gridview
底部 bottomBatView 可以点击切换页面顶部 TopBar view 可以切换页面,滑动(点击)切换 listview 刷新和加载更多listview上部加入banner轮播图图组件,banner可以独立引用listview嵌套gridview(中部) (解决gridview拦截滑动事件)如对您有帮助,欢迎starts 谢谢。以上是项目的效果图源码在GIthu...原创 2019-03-08 11:41:00 · 1896 阅读 · 1 评论 -
flutter 基础组件编写(接口访问数据解析,listview,gridview,底部菜单栏,toast提示,图片加载等)
flutter 基础组件编写看效果图:toast提示展示 void popShort([message,textColor,fontSize,backgroundColor]) { Navigator.pop(context); if (message != null) { Scaffold.of(context).showSnackBar(new SnackB...原创 2019-04-05 12:34:27 · 775 阅读 · 0 评论 -
Flutter项目结构和资源(图片及字符串)
在哪里存储分辨率相关的图片文件? HDPI/XXHDPIFlutter遵循像iOS这样简单的3种分辨率格式: 1x, 2x, and 3x.创建一个名为images的文件夹,并为每个图像文件生成一个@2x和@3x文件,并将它们放置在如下这样的文件夹中…/my_icon.png…/2.0x/my_icon.png…/3.0x/my_icon.png然后,您需要在pubspec.yam...原创 2019-04-05 13:21:05 · 952 阅读 · 2 评论 -
Android Gradle和Flutter 中pubspec.yaml都是什么意思
在Android中,您可以在Gradle文件来添加依赖项。在Flutter中,虽然在Flutter项目中的Android文件夹下有Gradle文件,但只有在添加平台相关所需的依赖关系时才使用这些文件。 否则,应该使用pubspec.yaml声明用于Flutter的外部依赖项。...原创 2019-04-05 13:24:33 · 431 阅读 · 0 评论 -
安卓中的Activities 和 Fragments在flutter又是些什么呢
Activity和Fragment 在Flutter中等价于什么在Android中,Activity代表用户可以完成的一项重点工作。Fragment代表了一种模块化代码的方式,可以为大屏幕设备构建更复杂的用户界面,可以在小屏幕和大屏幕之间自动调整UI。 在Flutter中,这两个概念都等同于Widget。如何监听Android Activity生命周期事件在Android中,您可以覆盖Act...原创 2019-04-05 13:27:29 · 458 阅读 · 0 评论 -
安卓中的listview,ScrollView及LinearLayout和RelativeLayout在Flutter中如何编写出来
LayoutsLinearLayout在Flutter中相当于什么在Android中,使用LinearLayout来使您的控件呈水平或垂直排列。在Flutter中,您可以使用Row或Column来实现相同的结果。@overrideWidget build(BuildContext context) { return new Row( mainAxisAlignment: M...原创 2019-04-05 13:33:56 · 1068 阅读 · 0 评论 -
flutter中widget手势检测和触摸事件处理
手势检测和触摸事件处理如何将一个onClick监听器添加到Flutter中的widget在Android中,您可以通过调用方法setOnClickListener将OnClick绑定到按钮等view上.在Flutter中,添加触摸监听器有两种方法:如果Widget支持事件监听,则可以将一个函数传递给它并进行处理。例如,RaisedButton有一个onPressed参数@override...原创 2019-04-05 13:44:09 · 1917 阅读 · 0 评论 -
列表ListView在Flutter中相当于什么,如何编写
Listview & AdapterListView在Flutter中相当于什么在Flutter中,ListView就是一个ListView!在Android ListView中,您可以创建一个适配器,然后您可以将它传递给ListView,该适配器将使用适配器返回的内容来展示每一行。 然而,你必须确保在合适的时机回收行,否则,你会得到各种疯狂的视觉和内存问题。在Flutter中,由...原创 2019-04-05 14:10:25 · 206 阅读 · 0 评论 -
flutter中使用Text及样式编写
使用 Text如何在 Text widget上设置自定义字体在Android SDK(从Android O开始)中,创建一个Font资源文件并将其传递到TextView的FontFamily参数中。在Flutter中,首先你需要把你的字体文件放在项目文件夹中(最好的做法是创建一个名为assets的文件夹)接下来在pubspec.yaml文件中,声明字体:fonts: - famil...原创 2019-04-05 14:18:42 · 1865 阅读 · 0 评论 -
Flutter入门,学习历程,进入开发,在安卓手机运行起来
Flutter入门,参考中文网站:https://flutterchina.club/flutter-for-android/#flutter和android中的viewFlutter 学习 历程咱们为什么要用flutter???为了提升能力,升职加薪,迎娶白富美、走上人生巅峰?为了面试android的时候尽情的装逼?掌握一门技术没错。。。Flutter是一款移动应用程序SDK,一份...原创 2019-02-18 13:14:00 · 1836 阅读 · 0 评论