加入收藏 | 设为首页 | 会员中心 | 我要投稿 PHP编程网 - 黄冈站长网 (http://www.0713zz.com/)- 数据应用、建站、人体识别、智能机器人、语音技术!
当前位置: 首页 > 综合聚焦 > 移动互联 > 评测 > 正文

让前端开发者失业的技术,Flutter Web初体验

发布时间:2019-05-25 11:33:03 所属栏目:评测 来源:腾讯新闻前端团队
导读:副标题#e# Flutter是一种新型的客户端技术。它的最终目标是替代包含几乎所有平台的开发:iOS,Android,Web,桌面;做到了一次编写,多处运行。掌握Flutter web可能是Web前端开发者翻盘的唯一机会。 在前些日子举办的Google IO 2019 年度开发者大会上,Flut

接下来,我们创建一个具有图文功能的下载,根据实例来学习flutter,我们将实现下图的页面。它是一个上下两栏的布局,下栏又分为左右两栏。

让前端开发者失业的技术,Flutter Web初体验

第一步:更改主应用内容,打开lib/main.dart文件,替换class MyApp,首先是根组件MyApp,它是一个类组件继承自无状态组件,是项目的主题配置,在home属性中调用了Home组件:

  1. class MyApp extends StatelessWidget { 
  2.   // 应用的根组件 
  3.   @override 
  4.   Widget build(BuildContext context) { 
  5.     return MaterialApp( 
  6.       title: '腾讯新闻客户端下载页', //meta 里的titile 
  7.       debugShowCheckedModeBanner: false, // 关闭调试bar 
  8.       theme: ThemeData( 
  9.         primarySwatch: Colors.blue, // 页面主题 Material风格 
  10.       ), 
  11.       home: Home(), // 启动首页 
  12.     ); 
  13.   } 

(编辑:PHP编程网 - 黄冈站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读