在Flutter 写页面的时候通常会用到 package:flutter/material.dart 和package:flutter/cupertino.dart ,主要是为了使用 Flutter SDK 提供的 Material/Cupertino Design 风格的UI组件和工具,这其中它的默认主题。虽然您可以自定义默认文本主题的标题样式,但被严格限制为 3 个级别:Large, Medium, Small, Color 的命名的...
routes: {'/other': (BuildContext context) => OtherPage()}, home: HomePage(), ); } } class HomePage extends StatefulWidget { @override _HomePageState createState() => _HomePageState(); } class _HomePageState extends State<HomePage> { int _currentIndex = 0; final _widgetOptions = [ Tex...
Flutter(able) 的单例模式 文/ 杨加康，CFUG 社区成员，《Flutter 开发之旅从南到北》作者，小米工程师 单例设计模式（Singleton Design Pattern）理解起来非常简单。一个类只允许创建一个实例，那这个类就是一个单例类，这种设计模式就叫作单例设计模式，简称单例模式。作为最简单的一种设计模式之一，对于单例...
在Flutter中，导航称为“路由”。我已经根据教程创建了一些路由（如图5所示）。默认的初始路由（MyHomePage小部件）和五个向导步骤。我们是否需要访问构建上下文尚有待观察，但先放在这里总没有坏处。[图5] Flutter应用中基本的路由 Material Design中的Flutter 值得一提的是，由于我们的应用使用了Material控件集，并且...
Scaffold实现了基本的Material Design布局,只要是在Material Design中定义过的单个界面显示的布局控件元素,都可以使用Scaffold来绘制。 Scaffold组件属性及描述 Demo示例: import'package:flutter/material.dart'; import'package:fluttertoast/fluttertoast.dart';voidmain() =>runApp(DemoApp());classDemoApp extends Stat...
import 'package:flutter/material.dart';void main() => runApp(App());class App extends StatelessWidget {@overrideWidget build(BuildContext context) => MaterialApp(title: 'Flutter Text Editing Fun',home: HomePage(),class HomePage extends StatelessWidget {@overrideWidget build(BuildContext context) =...
Material Design风格组件: 继续接着上一次https://www.cnblogs.com/webor2006/p/12545701.html的Material Design进行学习。 AppBar: 在上一次咱们实现一个Tab的效果,回忆一下: 接下来则基于这个代码进行进一步修改,先回忆一下当时的代码: import'package:flutter/material.dart';voidmain() =>runApp(MyApp());cla...
Scaffold实现了基本的Material Design布局,只要是在Material Design中定义过的单个界面显示的布局控件元素,都可以使用Scaffold来绘制。 Scaffold组件属性及描述 Demo示例: import 'package:flutter/material.dart'; import 'package:fluttertoast/fluttertoast.dart';void main() => runApp(DemoApp());class DemoApp exte...
home: new MyHomePage(), ); Tips: Flutter的Color中大多数颜色从100到900,增量为100,加上颜色50,数字越小颜色越浅, 数字越大颜色越深。强调色调只有100、200、400和700。 栗子: 推荐站点(Material design): https://material.io/resources/color, ...
我们通常会在应用的根组件MaterialApp中创建ThemeData对象作为应用统一的主题样式对象: MaterialApp(title:'Flutter Demo',theme:ThemeData(primarySwatch:Colors.blue,visualDensity:VisualDensity.adaptivePlatformDensity,),home:MyHomePage(title:'Flutter Demo Home Page'),); 在其他任意的组件中,我们可以使用Theme.of(cont...