Flutter设置起始页

效果：

文件结构：

login页面代码：

import 'package:flutter/material.dart';class LoginPage extends StatefulWidget {//继承StatefulWidget类，表示它是一个有状态的组件const LoginPage({Key? key}) : super(key: key);@override_LoginPageState createState() =>_LoginPageState(); //如果集成StatelessWidget类，这里就该是Widget build(BuildContext context)
}class _LoginPageState extends State<LoginPage> {@overrideWidget build(BuildContext context) {//构建UI，写控件的地方return Theme(data: ThemeData(),child: Scaffold(body: _buildPageContent(),),);}Widget _buildPageContent() {return Container(color: const Color.fromARGB(255, 148, 200, 207),child: ListView(children: <Widget>[const Center(child: Text("欢迎使用本系统",style: TextStyle(fontSize: 18, color: Colors.black),textScaleFactor: 3.2 //缩放倍数，没有这个字会很小)),const SizedBox(height: 20.0),const SizedBox(height: 20.0),],),);}
}

入口文件：

import 'package:flutter/material.dart';
import 'package:flutter_app/login/login.dart';void main() => runApp(new MyApp());class MyApp extends StatelessWidget {final routes = <String, WidgetBuilder>{"/login/login.dart": (context) => LoginPage(),};@overrideWidget build(BuildContext context) {return new MaterialApp(title: '登录Demo',debugShowCheckedModeBanner: false,theme: new ThemeData(primarySwatch: Colors.lightBlue,),home: LoginPage(),);}
}

说明记录

Flutter设置起始页相关推荐

Flutter设置App的应用名字和应用logo图标的方法（android ios web）
在前面的几期给大家介绍了flutter的安装以及一些简单的配置,还运行了helloword 那么接下来就带领大家了解如何设置应用名称以及图标 Flutter设置App的应用名字和应用logo图标的方法 ...
vs运行网站设置起始页，取消起始页的方法
运行网站时,可能由于起始页没有正确的设置,导致运行时出现类似以下的界面出现了目录,点击具体我们想要的目录的确是可以到达我们想到的网站但是每次都这样设计太过麻烦了而且也不够美观毕竟我们想一点击网 ...
【uniapp 动态设置起始页默认展示页面】
在开发一次uiapp app时,需要动态设置起始页,默认展示页,没有登录去登录页,登录了去首页因为uniapp 是 pages 的第一个是默认页所以这里我们需要处理一下才能完美的实现. 1:ma ...
VS MVC设置起始页
方法1可以在 RounteConfig 中修改. 改为: public static void RegisterRoutes(RouteCollection routes){routes.Ignore ...
flutter设置默认字体
flutter设置默认字体 1. 下载字体文件 2. 将文件放入项目中 3. 修改pubspec.yaml 3. 修改MaterialApp组件 1. 下载字体文件 2. 将文件放入项目中 3. 修改 ...
Flutter 设置文本框背景
Flutter 设置文本框背景先来看最终效果: 普通文本框样式的设置以下设置一个普通的文本框样式: new TextField(controller: _titleTxt,keyboardType ...
flutter 设置状态栏的颜色,背景appBar
flutter 设置状态栏的颜色,背景appBar: AppBar( elevation: 0.5, brightness: Brightness.light, 在有AppBar的界面,状态栏一般有B ...
ASPNET MVC项目设置起始页问题修复
刚开始研究ASPNET MVC,使用的MVC2.0框架. 不小心将"Views"文件夹里面点了设置起始页,运行一直出错,不知道在哪里取消掉起始页的设置. 由于使用了SVN,发现改过 ...
Flutter设置允许HTTP访问
在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的内容,有一种执着,就是不知为什么,如果你迷茫,不 ...

Flutter设置起始页

Flutter设置起始页相关推荐

最新文章

热门文章