Flutter —— 页面基础

Flutter 和 RN

Flutter能够在Android 和iOS 上同时运行的原因是iOS和Android上面都安装了Flutter的渲染引擎，而RN则是在原生UI的基础上进行包装，那么一旦原生的UI更新，RN就也需要更新，进行兼容处理，并且RN让Android的显示Android的控件，iOS显示iOS的控件，那么就不是一套UI。Flutter将渲染引擎安装在了手机上，那么久导致Flutter的包会很大，因为里面包含了渲染引擎，但是他优点是效率高，并且不依赖原生的UI，iOS和android 的页面高度统一。

Flutter 页面

基础页面

在ios开发中开发页面需要导入UIKit，那么在Flutter中也有类似的库也就是material。

import 'package:flutter/material.dart;

在ios开发中，需要在window中开发视图，而在Flutter中需要执行一个函数runApp传入一个widget。这里的child相当于subview。

这里看到Center有下划线，因为这里都是静态的界面，不会改变，所以会报警告，建议添加const变成一个常量。Flutter渲染是增量渲染。在ios中，会监控页面的属性，哪个属性变了，那么就会重新渲染一下。而在Flutter中，则是会重新渲染一整个界面，哪个界面发生改变，那么就重新渲染这个界面，而不会观察属性。
<