您现在的位置是：首页 > 前端 > 后端 > Flutter Flutter

flutter-02(demo)

2020-04-29【Flutter】891人已围观

简介``` import 'package:flutter/material.dart';// fim void main() { runApp(MyApp()); } class MyApp extends StatelessWidget{ @override Widget build(BuildContext context) { // TODO: implement build return MaterialApp( home: Sca

```
import 'package:flutter/material.dart';// fim

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: Scaffold(
        appBar:AppBar(
          title: Text('第一個Flutter APP'),
        ),
        body: HomeContent(),
      ),
      theme: ThemeData(
        primarySwatch: Colors.yellow
      ),
    );
  }
}

class HomeContent extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
    child:Text(
      '你好Flutter',
      textDirection: TextDirection.ltr,
      style: TextStyle(
        fontSize: 26.0,
        color: Colors.red
      ),
    )
  );
  }
}
```

> class

```
import 'package:flutter/material.dart';

class TimeDemoPage extends StatefulWidget {
  TimeDemoPage({Key key}) : super(key: key);
  _TimeDemoPageState createState() => _TimeDemoPageState();
}

class _TimeDemoPageState extends State<TimeDemoPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Flutter Demo"),
      ),
      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      body: Text("data")
    );
  }
}

```

关注博客，更多精彩分享，敬请期待！

Tags：

很赞哦！ (0)

上一篇：flutter-01(环境配置)

下一篇：flutter-03(Flutter目录结构介绍、入口、自定义Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件)