No MaterialLocalizations found (Flutter)

在显示SimpleDialog时候程序报错 No MaterialLocalizations found 没有找到 MaterialLocalizations 搜索找到原因 runApp 需要先调用 StatelessWidget 返回一个 MaterialApp实例. void main() => runApp(MainPage()); class MainPage extends StatelessWidget { @override Widget build(BuildContext co…

flutter dialog异常Another exception was thrown: No MaterialLocalizations found

flutter dialog异常Another exception was thrown: No MaterialLocalizations found import 'package:flutter/material.dart'; import 'package:scoped_model/scoped_model.dart'; void main() { runApp(new RootLayout()); } class RootLayout extends StatefulWidget {…

Flutter学习(一)之MaterialApp和Scaffold组件使用详解

一,前言: MaterialApp和Scaffold是Flutter提供的两个Widget,其中: MaterialApp是一个方便的Widget,它封装了应用程序实现Material Design所需要的一些Widget. Scaffold组件是Material Design布局结构的基本实现.此类提供了用于显示drawer.snackbar和底部sheet的API.MaterialApp 的 child 是 Scaffold Widget. 二,MaterialApp属性介绍 * 22个参数…

Flutter之MaterialApp使用详解

来自: https://cloud.tencent.com/developer/article/1337184 字段类型 navigatorKey(导航键) GlobalKey<NavigatorState> home(主页) Widget routes(路由) Map<String, WidgetBuilder> initialRoute(初始路由) String onGenerateRoute(生成路由) RouteFactory onUnknownRoute(未知路由) R…

flutter入门之常见的flutter问题汇总（转）

1. 使用AppBar后如何去掉左边的返回箭头.左边的图标对应的是leading,源代码如下(吐槽一下,CSDN暂不支持dart语言): Widget leading = widget.leading; if (leading == null && widget.automaticallyImplyLeading) { if (hasDrawer) { leading = IconButton( icon: const Icon(Icons.menu), onPressed: _handl…

Flutter布局--appbar导航栏和状态栏

MaterialApp 先看下上图的具体用法:1. title:标题2. actions:表示右侧的按钮的动作3. leading:表示左侧的按钮的动作4. flexibleSpace:5. backgroundColor: Colors.red, //导航栏和状态栏的的颜色6. elevation: 10, //阴影的高度7.bottom :导航栏下面显示的widget8.brightness :状态栏的亮度9. iconTheme,左侧图表的样式12. toolbarOpacity: 0.5…

flutter 延时函数delay Loading页面

loading 页面 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class Loading { static bool isLoading = false; static void showLoading(BuildContext context) { if (!isLoading) { isLoading = true; showGeneralDialog( context:…

flutter dialog异常Another exception was thrown: Navigator operation requested with a context that does not include a Navigator

我在使用flutter里的对话框控件的时候遇到了一个奇怪的错误 Another exception was thrown: Navigator operation requested with a context that does not include a Navigator 研究了一下才知道,flutter里的dialog不是随便就能用的. 原代码如下: import 'package:flutter/material.dart'; main() { runApp(new MyApp())…

一切皆组件的Flutter，安能辨我是雄雌

从一开始接触Flutter,相信读者都会铭记一句话,那就是--一切皆组件.今天我们就来体会一下这句话的神奇魔力,我们先从实际的产品需求说起. 我们先来看一个简化的运行图: 我们要实现如上图所示的日期选择器,App是iOS风格. Flutter SDK自身有类似上图的日期选择器,但是Material Design的,于是我到Flutter库中找到了一个名为flutter_date_pickers的三方库,版本为0.1.4(https://pub.flutter-io.cn/packages/flu…

【Flutter】功能型组件之对话框详解

前言对话框本质上也是UI布局,通常一个对话框会包含标题.内容,以及一些操作按钮,为此,Material库中提供了一些现成的对话框组件来用于快速的构建出一个完整的对话框. 接口描述 // 1. AlertDialog const AlertDialog({ Key key, // 对话框组件标题 this.title, // 标题填充 this.titlePadding, // 标题文本样式 this.titleTextStyle, // 对话框内容组件 this.content, // 内容的…

flutter系列之:Material主题的基础-MaterialApp

简介为了简化大家的使用,虽然flutter推荐所有的widget都有自己来进行搭建,但是在大框架上面,flutter提供了Material和Cupertino两种主题风格的Widgets集合,大家可以在这两种风格的继承上进行个性化定制和开发. 这两种风格翻译成中文就是:材料和库比蒂诺?什么鬼-.我们还是使用默认的英文名来称呼它们吧. 本文我们将会深入讲解Material主题的基础-MaterialApp. MaterialApp初探如果你使用最新的android Studio创建一个flut…

Flutter 初尝：从 Java 无缝过渡

准备阶段下载 Flutter SDK 新建 Flutter 文件夹,克隆 Flutter SDK: git clone -b beta https://github.com/flutter/flutter.git 配置 Flutter 环境我是 Mac 系统,Flutter SDK 下载完后的路径:Users/wuxiaolong/Flutter/flutter/ . 在命令行下,进入用户目录 cd $HOME 打开.bash_profile文件执行命令打开文件: open -e .bas…

编写第一个Flutter App（翻译）

博客搬迁至http://blog.wangjiegulu.com RSS订阅:http://blog.wangjiegulu.com/feed.xml 以下代码 Github 地址:https://github.com/wangjiegulu/flutter_test_01 编写你的第一个Flutter App 原文:https://flutter.io/get-started/codelab/ 这个你创建第一个Flutter app的指南.如果你熟悉面向对象的代码,基本的编程概念,比如变量,循…

【译】Java、Kotlin、RN、Flutter 开发出来的 App 大小，你了解过吗？

现在开发 App 的方式非常多,原生.ReactNative.Flutter 都是不错的选择.那你有没有关注过,使用不同的方式,编译生成的 Apk ,大小是否会有什么影响呢?本文就以一个最简单的 Hello World App,来看看不同的框架,编译出来的 Apk 大小,有什么区别.当然,本文的环境下是一个最简单的 Apk,其实只能部分说明问题,你觉得呢? - 承香墨影移动开发发展至今,已经可以接受很多方式来开发 App,例如基于特定平台的原生开发方式(使用 Java 或者 Kotlin 开发…

我花了 8 小时，"掌握"了一下 Flutter | Flutter 中文站上线

Hi,大家好,我是承香墨影! 距离 Google 在 2018 世界移动大会上发布 Flutter 的 Beta 版本,Flutter 是 Google 用以帮助开发者在 Android 和 iOS 两个平台,同时开发高质量原生应用的全新移动 UI 框架. 当时上线的官网资料,都是英文的.而经历了一个多月的整理.翻译.测试.现在 Flutter 中文站正式上线了. Flutter 中文站是 Flutter 官网的一个中文镜像,是目前最全的 Flutter 官方文档的中文翻译,目标是致力于打造…

flutter初体验

flutter初体验和flutter斗争了两个周末,基本弄清楚了这个玩意的布局和一些常用组件了. 在flutter里面,所有东西都是组件Widget.我们像拼接积木一样拼接Widget,拼接的关键词是child或者children.以我几乎为0的web布局经验,往往在使用widget的时候,头脑里面映射的都是div,table等语义话标签. StatefulWidget和StatelessWidget Widget大类上分为两个,StatefulWidget和StatelessWidget.这…

Flutter 实现原理及在马蜂窝的跨平台开发实践

一直以来,跨平台开发都是困扰移动客户端开发的难题. 在马蜂窝旅游 App 很多业务场景里,我们尝试过一些主流的跨平台开发解决方案, 比如 WebView 和 React Native,来提升开发效率和用户体验.但这两种方式也带来了新的问题. 比如使用 WebView 跨平台方式,优点确实非常明显.基于 WebView 的框架集成了当下 Web 开发的诸多优势:丰富的控件库.动态化.良好的技术社区.测试自动化等等.但是缺点也同样明显:渲染效率和 JavaScript 的执行能力都比较差,使页面的加…

Flutter 即学即用系列博客——05 StatelessWidget vs StatefulWidget

前言上一篇我们对 Flutter UI 有了一个基本的了解. 这一篇我们通过自定义 Widget 来了解下如何写一个 Widget? 然而 Widget 有两个,StatelessWidget 和 StatefulWidget,我们要继承哪一个? 下面让我们跟着文章来探索一番. 目录 1. StatelessWidget 我们先来看下继承的 Widget 为 StatelessWidget 的情况. 第一步:新建一个文件 bold_text.dart 这里文件名后面后缀 .dart 可带可不带…

Flutter 异常处理之图片篇

背景说到异常处理,你可能直接会认为不就是 try-catch 的事情,至于写一篇文章单独来说明吗? 如果你是这么想的,那么本篇说不定会给你惊喜哦~ 而且本篇聚焦在图片的异常处理. 场景学以致用,有具体的应用场景,能够加深我们对知识的掌握. 我们以简书的文章列表为例,如下图: 假设产品有这样的需求,当右边的封面图加载失败的时候,用一个默认图片替换或者直接让文本横向填充原有图片位置. 不管处理方式是怎样,首先我们要做的就是能够知道图片加载失败. 如何获知图片加载失败呢?下面我们通过 Flutte…

Flutter 即学即用系列博客——07 RenderFlex overflowed 引发的思考

背景在进行 Flutter UI 开发的时候,控制台报出了下面错误: flutter: ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY >╞═════════════════════════════════════════════════════════ flutter: The following message was thrown during layout: flutter: A RenderFlex overflowed by 826 pixels…

Flutter的初体验--初次配置的问题

首先参照官方文档进行搭建Mac下的环境 ,然后就会遇到以下问题: 1.在下载了Flutter 之后,执行Flutter doctor之后,报错: Could not resolve URL "https://pub.flutter-io.cn". Unable to 'pub upgrade' flutter tool 解决方法: 重新打开终端:执行以下设置 export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER…

记录一些flutter学习网址

字体图标生成 http://fluttericon.com/Flutter中文网 https://flutterchina.club Flutter官网 https://flutter.ioFlutter中文社区https://www.flutter123.netFlutter中文开发者论坛 http://flutter-dev.cn/Flutter|Dart语言中文社区 http://www.cndartlang.com/flutterDart开源包 https://pub.dartlang.…