完成引导页
parent
08fae6fd4c
commit
4b05175f9d
Binary file not shown.
|
After Width: | Height: | Size: 744 KiB |
@ -0,0 +1,177 @@
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:isekai_wiki/components/isekai_page_scaffold.dart';
|
||||
import 'package:isekai_wiki/global.dart';
|
||||
import 'package:isekai_wiki/utils/dialog.dart';
|
||||
import 'package:roundcheckbox/roundcheckbox.dart';
|
||||
|
||||
class WelcomePageController extends GetxController {
|
||||
var isLoading = false.obs;
|
||||
|
||||
var policyAccepted = false.obs;
|
||||
|
||||
void handleClickPolicyLink() {
|
||||
openUrl(Global.privacyPolicyUrl, inApp: false);
|
||||
}
|
||||
}
|
||||
|
||||
class WelcomePage extends StatelessWidget {
|
||||
const WelcomePage({super.key});
|
||||
|
||||
Widget _buildTitleImage(BuildContext context, WelcomePageController c) {
|
||||
return Center(
|
||||
child: ClipRRect(
|
||||
borderRadius: const BorderRadius.all(Radius.circular(10)),
|
||||
child: Image.asset("images/title.png"),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildSiteTitle(BuildContext context, WelcomePageController c) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: const [
|
||||
MediaQuery(
|
||||
data: MediaQueryData(textScaleFactor: 1),
|
||||
child: Text(
|
||||
Global.siteTitle,
|
||||
style: TextStyle(fontSize: 48),
|
||||
),
|
||||
),
|
||||
Text(Global.siteDescription),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildActions(BuildContext context, WelcomePageController c) {
|
||||
var theme = CupertinoTheme.of(context);
|
||||
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
GestureDetector(
|
||||
behavior: HitTestBehavior.translucent,
|
||||
onTap: () {
|
||||
c.policyAccepted.value = !c.policyAccepted.value;
|
||||
},
|
||||
child: Row(
|
||||
children: [
|
||||
Obx(
|
||||
() => RoundCheckBox(
|
||||
size: 30,
|
||||
isChecked: c.policyAccepted.value,
|
||||
onTap: (checked) {
|
||||
c.policyAccepted.value = checked ?? false;
|
||||
},
|
||||
animationDuration: Duration.zero,
|
||||
checkedColor: theme.primaryColor,
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
const Text("已阅读并同意"),
|
||||
CupertinoButton(
|
||||
padding: EdgeInsets.zero,
|
||||
onPressed: c.handleClickPolicyLink,
|
||||
child: const Text("隐私政策"),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
height: 18,
|
||||
),
|
||||
Obx(
|
||||
() => CupertinoButton.filled(
|
||||
disabledColor: theme.primaryColor.withOpacity(0.6),
|
||||
onPressed: c.policyAccepted.value && !c.isLoading.value
|
||||
? () {
|
||||
c.isLoading.value = true;
|
||||
Future.delayed(const Duration(seconds: 5)).then((value) {
|
||||
c.isLoading.value = false;
|
||||
});
|
||||
}
|
||||
: null,
|
||||
child: const Text("继续"),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
var c = Get.put(WelcomePageController());
|
||||
|
||||
return IsekaiPageScaffold(
|
||||
backgroundColor: CupertinoColors.white,
|
||||
child: SafeArea(
|
||||
child: OrientationBuilder(
|
||||
builder: (context, orientation) => Padding(
|
||||
padding: orientation == Orientation.portrait
|
||||
? const EdgeInsets.only(
|
||||
top: 32, right: 20, bottom: 32, left: 20)
|
||||
: const EdgeInsets.symmetric(horizontal: 20, vertical: 32),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Flexible(
|
||||
child: orientation == Orientation.portrait
|
||||
? Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Flexible(
|
||||
flex: 1,
|
||||
child: ConstrainedBox(
|
||||
constraints: BoxConstraints(
|
||||
maxHeight:
|
||||
MediaQuery.of(context).size.width *
|
||||
0.75),
|
||||
child: _buildTitleImage(context, c),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
Flexible(
|
||||
flex: 0,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
vertical: 24, horizontal: 8),
|
||||
child: _buildSiteTitle(context, c),
|
||||
),
|
||||
),
|
||||
],
|
||||
)
|
||||
: Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Flexible(
|
||||
flex: 1,
|
||||
child: ConstrainedBox(
|
||||
constraints: BoxConstraints(
|
||||
maxHeight:
|
||||
MediaQuery.of(context).size.width *
|
||||
9 /
|
||||
16),
|
||||
child: _buildTitleImage(context, c),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 48),
|
||||
Flexible(
|
||||
flex: 1,
|
||||
child: _buildSiteTitle(context, c),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 36),
|
||||
_buildActions(context, c),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1 @@
|
||||
/Users/hyperzlib/Projects/isekai_wiki_app/images
|
||||
Loading…
Reference in New Issue