forked from lxm_flutter/FlutterUnit
139 lines
4.2 KiB
Dart
139 lines
4.2 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter_unit/app/style/TolyIcon.dart';
|
|
|
|
import 'package:flutter_unit/components/permanent/circle.dart';
|
|
import 'package:flutter_unit/components/permanent/code/code_widget.dart';
|
|
import 'package:flutter_unit/components/permanent/panel.dart';
|
|
import 'package:share/share.dart';
|
|
import 'package:toggle_rotate/toggle_rotate.dart';
|
|
|
|
import '../permanent/feedback_widget.dart';
|
|
import '../permanent/code/highlighter_style.dart';
|
|
|
|
/// create by 张风捷特烈 on 2020-04-13
|
|
/// contact me by email 1981462002@qq.com
|
|
/// 说明:
|
|
|
|
class WidgetNodePanel extends StatefulWidget {
|
|
final String text;
|
|
final String subText;
|
|
final String code;
|
|
final Widget show;
|
|
final HighlighterStyle codeStyle;
|
|
final String codeFamily;
|
|
|
|
WidgetNodePanel({this.text, this.subText, this.code, this.show,this.codeStyle,this.codeFamily});
|
|
|
|
@override
|
|
_WidgetNodePanelState createState() => _WidgetNodePanelState();
|
|
}
|
|
|
|
class _WidgetNodePanelState extends State<WidgetNodePanel>
|
|
with SingleTickerProviderStateMixin {
|
|
bool _showCode = false;
|
|
|
|
var _crossFadeState = CrossFadeState.showFirst;
|
|
|
|
bool get isFirst => _crossFadeState == CrossFadeState.showFirst;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Container(
|
|
margin: EdgeInsets.all(10),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: <Widget>[
|
|
Row(
|
|
children: <Widget>[
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8),
|
|
child: Circle(
|
|
color: Theme.of(context).primaryColor,
|
|
radius: 5,
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Text(
|
|
'${widget.text}',
|
|
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
|
|
),
|
|
),
|
|
FeedbackWidget(
|
|
mode: FeedMode.fade,
|
|
a: 0.4,
|
|
onPressed: () async {
|
|
// await Clipboard.setData(ClipboardData(text: widget.code));
|
|
// Toast.toast(context, '复制成功!');
|
|
Share.share(widget.code);
|
|
},
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(
|
|
right: 10,
|
|
),
|
|
child: Icon(
|
|
TolyIcon.icon_share,
|
|
size: 20,
|
|
color: Theme.of(context).primaryColor,
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.only(right: 10.0),
|
|
child: ToggleRotate(
|
|
durationMs: 300,
|
|
child: Icon(
|
|
TolyIcon.icon_code,
|
|
color: Theme.of(context).primaryColor,
|
|
),
|
|
onTap: () {
|
|
setState(() {
|
|
_crossFadeState = _showCode
|
|
? CrossFadeState.showFirst
|
|
: CrossFadeState.showSecond;
|
|
_showCode = !_showCode;
|
|
});
|
|
},
|
|
),
|
|
)
|
|
],
|
|
),
|
|
SizedBox(
|
|
height: 20,
|
|
),
|
|
_buildCode(context),
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 10, bottom: 20),
|
|
child: widget.show,
|
|
),
|
|
Container(
|
|
width: double.infinity,
|
|
child: Panel(
|
|
child: Text(
|
|
'${widget.subText}',
|
|
style: TextStyle(fontSize: 14),
|
|
)),
|
|
),
|
|
Divider(),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildCode(BuildContext context) => AnimatedCrossFade(
|
|
firstCurve: Curves.easeInCirc,
|
|
secondCurve: Curves.easeInToLinear,
|
|
firstChild: Container(),
|
|
secondChild: Container(
|
|
width: MediaQuery.of(context).size.width,
|
|
child: CodeWidget(
|
|
fontFamily: widget.codeFamily,
|
|
code: widget.code,
|
|
style: widget.codeStyle??HighlighterStyle.fromColors(
|
|
HighlighterStyle.lightColor),
|
|
),
|
|
),
|
|
duration: Duration(milliseconds: 500),
|
|
crossFadeState: _crossFadeState,
|
|
);
|
|
} |