Flutter建⽴项⽬和编写⼊⼝⽂件
在你的电脑上⼀个喜欢的位置,建⽴⼀个⽂件夹。
flutter create 项⽬名
注意:flutter建议使⽤下划线的这种命名⽅式。
当看到ALL Done字样的时候,就说明项⽬建⽴好了。然后进⼊VSCode,打开项⽬⽂件夹,可以看到项⽬的结构了。
然后进⼊lib⽬录下,可以看到⼀个main.dart⽂件,打开这个⽂件,清空原有代码,写⼊下⾯的代码,
import 'package:flutter/material.dart';
void main()=>runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
child: MaterialApp(
title:'百姓⽣活+',
debugShowCheckedModeBanner: false,
theme: ThemeData(
primaryColor:Colors.pink
),
home:IndexPage()
),
);
}
}
建⽴主页⽂件
在lib⽬录下建⽴⼀个pages⽬录,这个⽬录主要放置项⽬所⽤的所有UI界⾯的⽂件,在page⽬录下,建⽴index_page.dart⽂件。import 'package:flutter/material.dart';
class IndexPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
flutter开发appreturn Scaffold(
appBar: AppBar(title: Text('百姓⽣活+'),),
body: Center(
child:Text(' 百姓⽣活+')
),
);
}
}
代码写完后,记得在main.dart(⼊⼝⽂件),⽤impoart引⼊index_page.dart⽂件。
import './pages/index_page.dart';
这时候在终端⾥运⾏Flutter run就可以看到效果了,
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论