Hello Flutter!(编写你的第一个 Flutter App)

首先你要有dart 的基础
编写你的第一个 Flutter App
参照着上面的学习 可以自己动手写一个

通过 flutter new object创建的MyApp

等待所有文件生成 其中在这里我们只需要关注lib 文件夹下的 main.dart flutter启动的入口

连接好设备(sm c7000设备名) 启动项目(flutter run)

run

hot

Widgets 内置自定义的Flutter UI widgets
State 应用的state管理里的数据变化 包括数据解析和创建动画效果
Material Design 告诉定制化的设计系统 高质量产品体验
User Interaction and gestures 学习用户交互和手势识别 以及这些交互如何触发state的的改变
Packages 可复用的代码库服务 减少编码工作 eg:http调用库 json解析库

开始重新编辑main.dart

flutter应用的入口是main函数
先来打印一下

void main(){
  print('Hello Flutter');
}

import 'package:flutter/material.dart';

void main(){
  runApp(
      MaterialApp(
        debugShowCheckedModeBanner: false,//消除debug标志 
        home:Scaffold(
          appBar:AppBar(
            title: Text('MyFlutterApp'),
            backgroundColor: Colors.blueAccent,
          ),
          body:Container(
            color: Colors.lightGreenAccent,
          )
        ),
    ),
  );
}

import 'package:flutter/material.dart';

void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: YanNan(),
        appBar: AppBar(
          title: Text('雁南呐!!!~~~'),
          backgroundColor: Colors.blueAccent,
        ),
      ),
      // theme: new ThemeData(         
      //   primaryColor: Colors.greenAccent,
      // ),
    );
  }
}

class YanNan extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
        child: Container(
            color: Colors.pinkAccent,
            height: 300.0,
            width: 300.0,
            child: Center(
              child: Text('HELLO YANNANNA!!!!!!',
                  style: TextStyle(
                    fontSize: 20.0,
                    color: Colors.yellow,
                  )),
            )));
  }
}

通过修改某个title 在终端输入r 进行热重载 瞬间更新效果

更新第三方库 更新flutter sdk :

flutter packages get获取pubspec.yaml文件中列出的所有依赖包 flutter packages upgrade
获取pubspec.yaml文件中列出的所有依赖包的最新版本

flutter upgrade

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值