探索 Flutter App 开发的新境界:GitCode 上的开源项目
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: HomePage(),
);
}
}
class HomePage extends StatefulWidget {
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
// 添加一些状态管理的变量
bool _isLoggedIn = false;
String _username = '';
// 登录方法
void _login() {
setState(() {
_isLoggedIn = true;
_username = 'Guest';
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Flutter App'),
),
body: Center(
child: _isLoggedIn
? Text('Hello, $_username!')
: RaisedButton(
child: Text('Login'),
onPressed: _login,
),
),
);
}
}
这个简单的 Flutter 应用程序演示了如何使用 StatefulWidget 管理状态,并在用户登录后显示欢迎消息。这是学习 Flutter 的一个很好的起点,并展示了如何在实践中使用 GitCode 上的开源项目。
评论已关闭