瞎扯

今天环境配好了,就写flutter了

Application

android的程序入口.

flutter里面肯定也有个这东西.

建个demo就能看到这玩意.

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
//    return WidgetsApp()
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

也是个weight

这里可以返回两种风格

image.png

现在一般都是用md风格咯.

具体的属性慢慢试就知道了.

路由

上面看到了有路由这个东西.
routes
这是一个路由集合.
用过ARoute或者react-route的.基本就会用这个.没难度

怎么配置?

image.png

如果不会lambda看这个可能会懵,即使会可能也会懵

其实就是需要一个集合

Map<String, WidgetBuilder> routes;

是什么?

image.png

由于dart中,方法也可以看作是对象.所以.这点和js类似.

怎么写?

image.png

解释一下

上面写的相当于

key='home',
value=匿名函数 (context) => MyHomePage(), 这段代码相当于一个WidgetBuilder

在dart中
map和list都是是可以直接写出来的.

image.png

路由跳转怎么写

image.png

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

//C
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
//    return WidgetsApp()
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
      routes: {
        'home': (context) => MyHomePage(),
        'home1': (context) => MyHomePage(),
        'home2': (context) => MyHomePage(),
      },
    );
  }
}

//V
class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

//V
class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("home"),
      ),
      body: GestureDetector(
        child: Text("123"),
        onTap: () {
          Navigator.pushNamed(context, "home1");
        },
      ),
    );
  }
}

过几天应该会在git上建个项目,哈哈

---

交流群:493180098,这是个很少吹水,交流学习的群.
APP开发维护咨询群 : 492685472 ,承接APP迭代.开发维护.咨询业务,付费快速解决问题.