Flutter-从入门到项目 03: Flutter初体验

    UIView *view = [[UIView alloc] init];    view.frame   = self.view.bounds;    view.backgroundColor = [UIColor orangeColor];

   view.backgroundColor = [UIColor blueColor];

// Declarative stylereturn ViewB(  color: red,  child: ViewC(...),)

// 导入系统包 : 作用类似 #import <UIKit/UIKit.h>import 'package:flutter/material.dart';
// 程序运行的 main 函数 (入口0void main() {  // 应用程序运行的函数 类比: UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class]));  // 因为在 Flutter 世界里面 都是各种部件  // 这里我们简单使用一下 Center 来写一个 文本  runApp(Center(      child: Text(    '和谐学习,不急不躁', // 文本    textDirection: TextDirection.ltr, // 对齐方式    style: TextStyle(      fontSize: 40.0, // 字体大小      color: Colors.red, // 红色字体      fontWeight: FontWeight.w400, // 字体的粗细    ),  )));}

class KCBar extends StatelessWidget {  @override  Widget build(BuildContext context) {    return MaterialApp(      debugShowCheckedModeBanner: false,      home: Scaffold( // 类似 nav        appBar: AppBar( // 导航栏          title: Text('KCFlutterBar',style: TextStyle(color: Colors.white),),        ),        body: KCWidget(),        floatingActionButton: FloatingActionButton(),        floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,        floatingActionButtonAnimator: FloatingActionButtonAnimator.scaling,      ),      theme: ThemeData(        primaryColor: Colors.orange      ),    );  }}

class KCListView extends StatelessWidget {
  Widget _itemForRow(BuildContext context, int index) {    return Container(      color: Colors.white,      margin: EdgeInsets.fromLTRB(10, 10, 10, 10),      child: Column(        children: <Widget>[          Image.network(carDatas[index].imageUrl),          SizedBox(height: 10),          Text(            carDatas[index].name,            style: TextStyle(                fontSize: 18.0,                fontWeight: FontWeight.w800,                fontStyle: FontStyle.values[1]),          ),          SizedBox(height: 10),        ],      ),    );  }  @override  Widget build(BuildContext context) {    return ListView.builder(      itemBuilder: _itemForRow,      itemCount: carDatas.length,    );  }}