Files
FlutterUnit/lib/app/views/setting/code_style_setting.dart
2022-03-26 21:25:40 +08:00

97 lines
2.8 KiB
Dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_unit/app/blocs/global/global_bloc.dart';
import 'package:flutter_unit/app/blocs/global/global_event.dart';
import 'package:flutter_unit/app/blocs/global/global_state.dart';
import 'package:flutter_unit/app/res/cons.dart';
import 'package:flutter_unit/components/permanent/code/code_widget.dart';
import 'package:flutter_unit/components/permanent/code/highlighter_style.dart';
import 'package:flutter_unit/components/permanent/feedback_widget.dart';
import 'package:flutter_unit/components/permanent/circle.dart';
/// create by 张风捷特烈 on 2020-04-10
/// contact me by email 1981462002@qq.com
/// 说明:
class CodeStyleSettingPage extends StatelessWidget {
const CodeStyleSettingPage({Key? key}) : super(key: key);
final String code = """
const String _kCounty = 'China';
class Hello {
final String name;//言语
final String county;//国家
final int age;//年龄
Hello({
this.name = "张风捷特烈",
this.age = 26,
this.county = _kCounty
});
}""";
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text('代码高亮样式'),
),
body: BlocBuilder<GlobalBloc, GlobalState>(
builder: (_, state) => _buildFontCell(context,
Cons.codeThemeSupport.keys.toList(), state.codeStyleIndex)),
);
}
Widget _buildFontCell(
BuildContext context, List<HighlighterStyle> styles, int index) {
return ListView.builder(
itemCount: styles.length,
itemBuilder: (_ctx, i) => FeedbackWidget(
a: 0.95,
duration: const Duration(milliseconds: 200),
onPressed: (){
BlocProvider.of<GlobalBloc>(context).add(EventSwitchCoderTheme(i));
},
child: Stack(
fit: StackFit.passthrough,
children: <Widget>[
Card(
margin: const EdgeInsets.all(10),
child: CodeWidget(
code: code,
style: styles[i],
),
),
Positioned(
right: 20,
bottom: 20,
child: Text(Cons.codeThemeSupport.values.toList()[i],style: TextStyle(
fontSize: 14,
color: styles[i].stringStyle!.color,
shadows: const [Shadow(
color: Colors.white,
offset: Offset(.5,.5),
blurRadius: 1
),]
),),
),
if(index == i)
Positioned(
right: 20,
top: 20,
child: Circle(radius: 10,
color: Theme.of(context).primaryColor,
child: const Icon(Icons.check,color:Colors.white,size: 15,),),
)
],
),
));
}
}