Flutter基础(一)

层级关系

MaterialApp -> MyHomePage -> Scaffold -> body -> Center -> Text

  • Scaffold
    Scaffold是啥?他是Flutter的页面脚手架,你可以当HTML页面一样去理解,不同的是,他除了Body以外,还提供appBar顶部TitleBar、bottomNavigationBar底部导航栏等属性。
  • StatelessWidget
    无状态变更,UI静态固化的Widget,页面渲染性能高
  • StatefulWidget
    状态变更可以导致UI变更的Widget,涉及到数据渲染场景,都使用StatefulWidget

StatefluWidget和StatelessWidget区别?

在StatefulWidget里,因为要维护状态,他的生命周期比StatelessWidget更复杂,每次执行setState,都会触发window.scheduleFrame() 导致整个页面的widget被刷新,性能就会降低。

你可能感兴趣的:(Flutter基础(一))