110 lines
3.2 KiB
Dart
110 lines
3.2 KiB
Dart
|
import 'package:flutter/cupertino.dart';
|
|||
|
|
import 'package:flutter/material.dart';
|
|||
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|||
|
|
import 'package:get/get.dart';
|
|||
|
|
import 'package:star_lock/app_settings/app_colors.dart';
|
|||
|
|
import 'package:star_lock/tools/titleAppBar.dart';
|
|||
|
|
|
|||
|
|
class PermissionGuidancePage extends StatefulWidget {
|
|||
|
|
const PermissionGuidancePage({Key? key}) : super(key: key);
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
State<PermissionGuidancePage> createState() => _PermissionGuidancePageState();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
class _PermissionGuidancePageState extends State<PermissionGuidancePage> {
|
|||
|
|
final PageController _pageController = PageController();
|
|||
|
|
int _currentPage = 0;
|
|||
|
|
|
|||
|
|
final List<Map<String, String>> _stepsData = [
|
|||
|
|
{
|
|||
|
|
'image': 'images/guide/1.png',
|
|||
|
|
'text': '步骤1：打开应用信息，点击通知管理选项',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
'image': 'images/guide/2.png',
|
|||
|
|
'text': '步骤2：下滑点击呼叫提醒的通知选项',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
'image': 'images/guide/3.png',
|
|||
|
|
'text': '步骤3：选择在锁定屏幕上的选项设置',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
'image': 'images/guide/4.png',
|
|||
|
|
'text': '步骤4：设置为显示通知及其内容',
|
|||
|
|
},
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
Widget build(BuildContext context) {
|
|||
|
|
return Scaffold(
|
|||
|
|
appBar: TitleAppBar(
|
|||
|
|
barTitle: '锁屏通知开启方式'.tr,
|
|||
|
|
haveBack: true,
|
|||
|
|
backgroundColor: AppColors.mainColor,
|
|||
|
|
backAction: () {
|
|||
|
|
Get.back();
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
body: Column(
|
|||
|
|
children: [
|
|||
|
|
Expanded(
|
|||
|
|
child: PageView.builder(
|
|||
|
|
controller: _pageController,
|
|||
|
|
onPageChanged: (index) {
|
|||
|
|
setState(() {
|
|||
|
|
_currentPage = index;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
itemCount: _stepsData.length,
|
|||
|
|
itemBuilder: (context, index) {
|
|||
|
|
return Column(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
|
children: [
|
|||
|
|
Image.asset(
|
|||
|
|
_stepsData[index]['image']!,
|
|||
|
|
width: 1.sw,
|
|||
|
|
height: 0.55.sh,
|
|||
|
|
fit: BoxFit.contain,
|
|||
|
|
),
|
|||
|
|
SizedBox(height: 32.h),
|
|||
|
|
Text(
|
|||
|
|
_stepsData[index]['text']!,
|
|||
|
|
style: TextStyle(fontSize: 28.sp),
|
|||
|
|
textAlign: TextAlign.center,
|
|||
|
|
),
|
|||
|
|
],
|
|||
|
|
);
|
|||
|
|
},
|
|||
|
|
),
|
|||
|
|
),
|
|||
|
|
SizedBox(height: 16),
|
|||
|
|
Row(
|
|||
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|||
|
|
children: List.generate(_stepsData.length, (index) {
|
|||
|
|
return Container(
|
|||
|
|
margin: EdgeInsets.symmetric(horizontal: 4),
|
|||
|
|
width: 10,
|
|||
|
|
height: 10,
|
|||
|
|
decoration: BoxDecoration(
|
|||
|
|
shape: BoxShape.circle,
|
|||
|
|
color: _currentPage == index
|
|||
|
|
? AppColors.mainColor
|
|||
|
|
: Colors.grey[300],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}),
|
|||
|
|
),
|
|||
|
|
SizedBox(height: 24),
|
|||
|
|
],
|
|||
|
|
),
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@override
|
|||
|
|
void dispose() {
|
|||
|
|
_pageController.dispose();
|
|||
|
|
super.dispose();
|
|||
|
|
}
|
|||
|
|
}
|