flutter_ecosed 0.1.2 
flutter_ecosed: ^0.1.2 copied to clipboard
FlutterEcosed is a Flutter plugin and an advanced Flutter development framework that provides Android platform debugging, plugin development and dashboard functions.
// import 'dart:async';
// // import 'dart:io';
// // import 'package:flutter/foundation.dart';
// import 'package:flutter/material.dart';
// // import 'package:flutter/services.dart';
// import 'package:flutter_ecosed/flutter_ecosed.dart';
// // import 'package:url_launcher/url_launcher.dart';
// // import 'package:webview_flutter/webview_flutter.dart';
// Future<void> main() async {
// await runEcosedApp(
// app: (context) => const MyApp(),
// plugins: const [ExamplePlugin()],
// runner: (app) async => runApp(app),
// );
// }
// class MyApp extends StatelessWidget {
// const MyApp({super.key});
// @override
// Widget build(BuildContext context) {
// return MaterialApp(
// initialRoute: '/',
// routes: {
// '/': (context) => const HomeScreen(),
// '/manager': (context) => context.getManagerWidget(),
// },
// title: Global.appName,
// );
// }
// }
// class HomeScreen extends StatefulWidget {
// const HomeScreen({super.key});
// @override
// State<HomeScreen> createState() => _HomeScreenState();
// }
// class _HomeScreenState extends State<HomeScreen> {
// @override
// Widget build(BuildContext context) {
// return Scaffold(
// appBar: AppBar(
// title: const Text('flutter_ecosed 示例应用'),
// ),
// body: Center(
// child: Column(
// mainAxisAlignment: MainAxisAlignment.center,
// children: <Widget>[
// ValueListenableBuilder(
// valueListenable: Global.counter,
// builder: (context, value, child) {
// return Text(
// '点击次数:$value',
// style: Theme.of(context).textTheme.titleMedium,
// );
// },
// ),
// MaterialButton(
// onPressed: () => Navigator.of(context).pushNamed('/manager'),
// child: const Text('打开管理器'),
// )
// ],
// ),
// ),
// floatingActionButton: FloatingActionButton(
// onPressed: () =>
// context.execPluginMethod('example_channel', Method.add),
// tooltip: 'Increment',
// child: const Icon(Icons.add),
// ),
// );
// }
// }
// class ManagerScreen extends StatelessWidget {
// const ManagerScreen({super.key});
// @override
// Widget build(BuildContext context) {
// return Container(child: context.getManagerWidget());
// }
// }
// // class MyApp extends StatefulWidget {
// // const MyApp({super.key});
// // @override
// // State<MyApp> createState() => _MyAppState();
// // }
// // class _MyAppState extends State<MyApp> with SingleTickerProviderStateMixin {
// // final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>();
// // late final AnimationController controller;
// // late final CurvedAnimation railAnimation;
// // bool controllerInitialized = false;
// // SizeSelected windowSize = SizeSelected.compact;
// // @override
// // void initState() {
// // super.initState();
// // controller = AnimationController(
// // duration: Duration(milliseconds: Global.transitionLength.toInt() * 2),
// // value: 0,
// // vsync: this,
// // );
// // railAnimation = CurvedAnimation(
// // parent: controller,
// // curve: const Interval(0.5, 1.0),
// // );
// // }
// // @override
// // void dispose() {
// // controller.dispose();
// // super.dispose();
// // }
// // @override
// // void didChangeDependencies() {
// // super.didChangeDependencies();
// // final double width = MediaQuery.of(context).size.width;
// // final AnimationStatus status = controller.status;
// // switch (width) {
// // case < Global.compactWidthBreakpoint:
// // windowSize = SizeSelected.compact;
// // if (status != AnimationStatus.reverse &&
// // status != AnimationStatus.dismissed) {
// // controller.reverse();
// // }
// // case < Global.mediumWidthBreakpoint:
// // windowSize = SizeSelected.medium;
// // if (status != AnimationStatus.forward &&
// // status != AnimationStatus.completed) {
// // controller.forward();
// // }
// // default:
// // windowSize = SizeSelected.expanded;
// // if (status != AnimationStatus.forward &&
// // status != AnimationStatus.completed) {
// // controller.forward();
// // }
// // }
// // if (!controllerInitialized) {
// // controllerInitialized = true;
// // controller.value = width > Global.mediumWidthBreakpoint ? 1 : 0;
// // }
// // }
// // /// Widget的构建入口
// // @override
// // Widget build(BuildContext context) {
// // return AnimatedBuilder(
// // animation: controller,
// // builder: (context, child) {
// // return NavigationTransition(
// // scaffoldKey: scaffoldKey,
// // animationController: controller,
// // railAnimation: railAnimation,
// // appBar: (title) => AppBar(
// // title: Text(title),
// // ),
// // body: const Expanded(
// // child: MyHomePage(),
// // ),
// // navigationRail: ValueListenableBuilder(
// // valueListenable: Global.pageIndex,
// // builder: (context, value, child) {
// // return NavigationRail(
// // extended: windowSize == SizeSelected.expanded,
// // destinations: Global.navRailDestinations,
// // selectedIndex: value,
// // onDestinationSelected: (index) {
// // Global.pageIndex.value = index;
// // Global.showFab.value = Global.pageIndex.value == 0;
// // },
// // );
// // },
// // ),
// // navigationBar: ValueListenableBuilder(
// // valueListenable: Global.pageIndex,
// // builder: (context, value, child) {
// // return NavigationBar(
// // selectedIndex: value,
// // destinations: Global.appBarDestinations,
// // onDestinationSelected: (index) {
// // Global.pageIndex.value = index;
// // Global.showFab.value = Global.pageIndex.value == 0;
// // },
// // );
// // },
// // ),
// // floatingActionButton: ValueListenableBuilder(
// // valueListenable: Global.showFab,
// // builder: (context, value, child) {
// // return Visibility(
// // visible: value,
// // child: Builder(
// // builder: (context) => FloatingActionButton(
// // onPressed: () =>
// // context.execPluginMethod('example_channel', Method.add),
// // tooltip: 'Increment',
// // child: const Icon(Icons.add),
// // ),
// // ),
// // );
// // },
// // ),
// // );
// // },
// // );
// // }
// // }
// // /// 主页布局类型枚举
// // enum SizeSelected {
// // ///折叠
// // compact,
// // /// 中等
// // medium,
// // /// 展开
// // expanded,
// // }
// /// Global全局类
// class Global {
// const Global();
// /// 应用名称
// static const String appName = 'flutter_ecosed 示例应用';
// // /// compact阈值
// // static const double compactWidthBreakpoint = 600;
// // /// medium阈值
// // static const double mediumWidthBreakpoint = 840;
// // /// 大小切换动画速率
// // static const double transitionLength = 500;
// // /// 页面索引
// // static final ValueNotifier<int> pageIndex = ValueNotifier(0);
// // /// 计数
// static final ValueNotifier<int> counter = ValueNotifier(0);
// // /// 是否显示FAB
// // static final ValueNotifier<bool> showFab = ValueNotifier(true);
// // /// 导航栏目的地
// // static const List<NavigationDestination> appBarDestinations = [
// // NavigationDestination(
// // icon: Icon(Icons.home_outlined),
// // selectedIcon: Icon(Icons.home),
// // label: '主页',
// // tooltip: '主页',
// // enabled: true,
// // ),
// // NavigationDestination(
// // icon: Icon(Icons.dashboard_outlined),
// // selectedIcon: Icon(Icons.dashboard),
// // label: '管理器',
// // tooltip: 'flutter_ecosed管理器页面',
// // enabled: true,
// // ),
// // NavigationDestination(
// // icon: Icon(Icons.publish_outlined),
// // selectedIcon: Icon(Icons.publish),
// // label: 'Pub包',
// // tooltip: 'Pub包发布页面',
// // enabled: true,
// // ),
// // NavigationDestination(
// // icon: Icon(Icons.code_outlined),
// // selectedIcon: Icon(Icons.code),
// // label: 'GitHub',
// // tooltip: 'GitHub源码存储仓库',
// // enabled: true,
// // ),
// // ];
// // /// 纵向导航栏目的地
// // static final List<NavigationRailDestination> navRailDestinations =
// // appBarDestinations
// // .map(
// // (destination) => NavigationRailDestination(
// // icon: Tooltip(
// // message: destination.label,
// // child: destination.icon,
// // ),
// // selectedIcon: Tooltip(
// // message: destination.label,
// // child: destination.selectedIcon,
// // ),
// // label: Text(destination.label),
// // disabled: false,
// // ),
// // )
// // .toList();
// }
// /// 调用方法
// class Method {
// /// 计数器
// static const String add = 'add';
// }
// // class NavigationTransition extends StatefulWidget {
// // const NavigationTransition({
// // super.key,
// // required this.scaffoldKey,
// // required this.animationController,
// // required this.railAnimation,
// // required this.navigationRail,
// // required this.navigationBar,
// // required this.appBar,
// // required this.body,
// // required this.floatingActionButton,
// // });
// // final GlobalKey<ScaffoldState> scaffoldKey;
// // final AnimationController animationController;
// // final CurvedAnimation railAnimation;
// // final Widget navigationRail;
// // final Widget navigationBar;
// // final Widget floatingActionButton;
// // final PreferredSizeWidget Function(String title) appBar;
// // final Widget body;
// // @override
// // State<NavigationTransition> createState() => _NavigationTransitionState();
// // }
// // class _NavigationTransitionState extends State<NavigationTransition> {
// // late final AnimationController controller;
// // late final CurvedAnimation railAnimation;
// // late final ReverseAnimation barAnimation;
// // bool controllerInitialized = false;
// // bool showDivider = false;
// // @override
// // void initState() {
// // super.initState();
// // controller = widget.animationController;
// // railAnimation = widget.railAnimation;
// // barAnimation = ReverseAnimation(
// // CurvedAnimation(
// // parent: controller,
// // curve: const Interval(0.0, 0.5),
// // ),
// // );
// // }
// // @override
// // Widget build(BuildContext context) {
// // return MaterialApp(
// // home: Scaffold(
// // key: widget.scaffoldKey,
// // appBar: widget.appBar(Global.appName),
// // body: Row(
// // children: <Widget>[
// // RailTransition(
// // animation: railAnimation,
// // backgroundColor: Theme.of(context).colorScheme.surface,
// // child: widget.navigationRail,
// // ),
// // widget.body,
// // ],
// // ),
// // bottomNavigationBar: BarTransition(
// // animation: barAnimation,
// // backgroundColor: Theme.of(context).colorScheme.surface,
// // child: widget.navigationBar,
// // ),
// // floatingActionButton: widget.floatingActionButton,
// // ),
// // title: Global.appName,
// // themeMode: ThemeMode.system,
// // theme: ThemeData(
// // pageTransitionsTheme: const PageTransitionsTheme(
// // builders: {
// // TargetPlatform.android: PredictiveBackPageTransitionsBuilder(),
// // },
// // ),
// // ),
// // darkTheme: ThemeData(
// // pageTransitionsTheme: const PageTransitionsTheme(
// // builders: {
// // TargetPlatform.android: PredictiveBackPageTransitionsBuilder(),
// // },
// // ),
// // ),
// // );
// // }
// // }
// class ExamplePlugin implements EcosedPlugin {
// const ExamplePlugin();
// /// “ExampleAuthor”为作者信息,替换为你自己的名字即可,通过[pluginAuthor]方法定义.
// @override
// String pluginAuthor() => 'ExampleAuthor';
// /// “example_channel”为插件的通道,可以理解为插件的唯一标识,我们通常使用全小写英文字母加下划线的命名方式,通过[pluginChannel]方法定义.
// @override
// String pluginChannel() => 'example_channel';
// /// "Example description"为插件的描述,通过[pluginDescription]方法定.
// @override
// String pluginDescription() => 'Example description';
// /// “Example Plugin”为插件的名称,通过[pluginName]方法定义.
// @override
// String pluginName() => 'Example Plugin';
// /// 右下角的打开按钮是打开[pluginWidget]方法定义的界面.
// @override
// Widget pluginWidget(BuildContext context) => const ExamplePluginPage();
// /// [onMethodCall]方法为插件的方法调用,[arguments]是调用时传递的参数.
// @override
// Future<dynamic> onMethodCall(String method, [dynamic arguments]) async {
// switch (method) {
// case Method.add:
// return Global.counter.value++;
// default:
// return await null;
// }
// }
// }
// class ExamplePluginPage extends StatelessWidget {
// const ExamplePluginPage({super.key});
// @override
// Widget build(BuildContext context) {
// return const Center(
// child: Text('Hello, World!'),
// );
// }
// }
// // class MyHomePage extends StatelessWidget {
// // const MyHomePage({super.key});
// // @override
// // Widget build(BuildContext context) {
// // return ValueListenableBuilder(
// // valueListenable: Global.pageIndex,
// // builder: (context, value, child) {
// // return IndexedStack(
// // index: value,
// // children: <Widget>[
// // ValueListenableBuilder(
// // valueListenable: Global.counter,
// // builder: (context, value, child) {
// // return HomeScreen(counter: value);
// // },
// // ),
// // const ManagerScreen(),
// // const WebViewScreen(
// // url: 'https://pub.dev/packages/flutter_ecosed',
// // ),
// // const WebViewScreen(
// // url: 'https://github.com/libecosed/flutter_ecosed',
// // ),
// // ],
// // );
// // },
// // );
// // }
// // }
// // class HomeScreen extends StatelessWidget {
// // const HomeScreen({super.key, required this.counter});
// // final int counter;
// // @override
// // Widget build(BuildContext context) {
// // return Center(
// // child: Column(
// // mainAxisAlignment: MainAxisAlignment.center,
// // children: <Widget>[
// // const Text(
// // 'You have pushed the button this many times:',
// // ),
// // Text(
// // '$counter',
// // style: Theme.of(context).textTheme.titleMedium,
// // ),
// // ],
// // ),
// // );
// // }
// // }
// // class ManagerScreen extends StatelessWidget {
// // const ManagerScreen({super.key});
// // @override
// // Widget build(BuildContext context) {
// // return Container(child: context.getManagerWidget());
// // }
// // }
// // class WebViewScreen extends StatelessWidget {
// // const WebViewScreen({super.key, required this.url});
// // final String url;
// // bool canShowWebView() {
// // if (kIsWeb) return false;
// // if (Platform.isAndroid || Platform.isIOS) return true;
// // return false;
// // }
// // @override
// // Widget build(BuildContext context) {
// // return canShowWebView()
// // ? Focus(
// // onKeyEvent: (node, event) {
// // if (!kIsWeb) {
// // if ({
// // LogicalKeyboardKey.arrowLeft,
// // LogicalKeyboardKey.arrowRight,
// // LogicalKeyboardKey.arrowUp,
// // LogicalKeyboardKey.arrowDown,
// // LogicalKeyboardKey.tab
// // }.contains(event.logicalKey)) {
// // return KeyEventResult.skipRemainingHandlers;
// // }
// // }
// // return KeyEventResult.ignored;
// // },
// // child: GestureDetector(
// // onSecondaryTap: () {},
// // child: WebViewWidget(
// // controller: WebViewController()
// // ..loadRequest(
// // Uri.parse(url),
// // )
// // ..setJavaScriptMode(
// // JavaScriptMode.unrestricted,
// // ),
// // ),
// // ),
// // )
// // : Center(
// // child: Column(
// // mainAxisAlignment: MainAxisAlignment.center,
// // children: [
// // Text(
// // '当前操作系统${Theme.of(context).platform.name}不支持WebView组件,请通过浏览器打开.',
// // ),
// // TextButton(
// // onPressed: () => launchUrl(
// // Uri.parse(url),
// // ),
// // child: const Text('通过浏览器打开'),
// // ),
// // ],
// // ),
// // );
// // }
// // }
// // /// 左侧垂直导航切换动画
// // class RailTransition extends StatefulWidget {
// // const RailTransition({
// // super.key,
// // required this.animation,
// // required this.backgroundColor,
// // required this.child,
// // });
// // final Animation<double> animation;
// // final Widget child;
// // final Color backgroundColor;
// // @override
// // State<RailTransition> createState() => _RailTransition();
// // }
// // class _RailTransition extends State<RailTransition> {
// // late Animation<Offset> offsetAnimation;
// // late Animation<double> widthAnimation;
// // @override
// // void didChangeDependencies() {
// // super.didChangeDependencies();
// // final bool ltr = Directionality.of(context) == TextDirection.ltr;
// // widthAnimation = Tween<double>(
// // begin: 0,
// // end: 1,
// // ).animate(SizeAnimation(widget.animation));
// // offsetAnimation = Tween<Offset>(
// // begin: ltr ? const Offset(-1, 0) : const Offset(1, 0),
// // end: Offset.zero,
// // ).animate(OffsetAnimation(widget.animation));
// // }
// // @override
// // Widget build(BuildContext context) {
// // return ClipRect(
// // child: DecoratedBox(
// // decoration: BoxDecoration(color: widget.backgroundColor),
// // child: Align(
// // alignment: Alignment.topLeft,
// // widthFactor: widthAnimation.value,
// // child: FractionalTranslation(
// // translation: offsetAnimation.value,
// // child: widget.child,
// // ),
// // ),
// // ),
// // );
// // }
// // }
// // ///底部导航切换动画
// // class BarTransition extends StatefulWidget {
// // const BarTransition(
// // {super.key,
// // required this.animation,
// // required this.backgroundColor,
// // required this.child});
// // final Animation<double> animation;
// // final Color backgroundColor;
// // final Widget child;
// // @override
// // State<BarTransition> createState() => _BarTransition();
// // }
// // class _BarTransition extends State<BarTransition> {
// // late final Animation<Offset> offsetAnimation;
// // late final Animation<double> heightAnimation;
// // @override
// // void initState() {
// // super.initState();
// // offsetAnimation = Tween<Offset>(
// // begin: const Offset(0, 1),
// // end: Offset.zero,
// // ).animate(OffsetAnimation(widget.animation));
// // heightAnimation = Tween<double>(
// // begin: 0,
// // end: 1,
// // ).animate(SizeAnimation(widget.animation));
// // }
// // @override
// // Widget build(BuildContext context) {
// // return ClipRect(
// // child: DecoratedBox(
// // decoration: BoxDecoration(color: widget.backgroundColor),
// // child: Align(
// // alignment: Alignment.topLeft,
// // heightFactor: heightAnimation.value,
// // child: FractionalTranslation(
// // translation: offsetAnimation.value,
// // child: widget.child,
// // ),
// // ),
// // ),
// // );
// // }
// // }
// // class SizeAnimation extends CurvedAnimation {
// // SizeAnimation(Animation<double> parent)
// // : super(
// // parent: parent,
// // curve: const Interval(
// // 0.2,
// // 0.8,
// // curve: Curves.easeInOutCubicEmphasized,
// // ),
// // reverseCurve: Interval(
// // 0,
// // 0.2,
// // curve: Curves.easeInOutCubicEmphasized.flipped,
// // ),
// // );
// // }
// // class OffsetAnimation extends CurvedAnimation {
// // OffsetAnimation(Animation<double> parent)
// // : super(
// // parent: parent,
// // curve: const Interval(
// // 0.4,
// // 1.0,
// // curve: Curves.easeInOutCubicEmphasized,
// // ),
// // reverseCurve: Interval(
// // 0,
// // 0.2,
// // curve: Curves.easeInOutCubicEmphasized.flipped,
// // ),
// // );
// // }
import 'dart:async';
import 'dart:io';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_ecosed/flutter_ecosed.dart';
import 'package:url_launcher/url_launcher.dart';
import 'package:webview_flutter/webview_flutter.dart';
Future<void> main() async {
await runEcosedApp(
app: (context) => const MyApp(),
plugins: const [ExamplePlugin()],
runner: (app) async => runApp(app),
);
}
class MyApp extends StatefulWidget {
const MyApp({super.key});
@override
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> with SingleTickerProviderStateMixin {
final GlobalKey<ScaffoldState> scaffoldKey = GlobalKey<ScaffoldState>();
late final AnimationController controller;
late final CurvedAnimation railAnimation;
bool controllerInitialized = false;
SizeSelected windowSize = SizeSelected.compact;
@override
void initState() {
super.initState();
controller = AnimationController(
duration: Duration(milliseconds: Global.transitionLength.toInt() * 2),
value: 0,
vsync: this,
);
railAnimation = CurvedAnimation(
parent: controller,
curve: const Interval(0.5, 1.0),
);
}
@override
void dispose() {
controller.dispose();
super.dispose();
}
@override
void didChangeDependencies() {
super.didChangeDependencies();
final double width = MediaQuery.of(context).size.width;
final AnimationStatus status = controller.status;
switch (width) {
case < Global.compactWidthBreakpoint:
windowSize = SizeSelected.compact;
if (status != AnimationStatus.reverse &&
status != AnimationStatus.dismissed) {
controller.reverse();
}
case < Global.mediumWidthBreakpoint:
windowSize = SizeSelected.medium;
if (status != AnimationStatus.forward &&
status != AnimationStatus.completed) {
controller.forward();
}
default:
windowSize = SizeSelected.expanded;
if (status != AnimationStatus.forward &&
status != AnimationStatus.completed) {
controller.forward();
}
}
if (!controllerInitialized) {
controllerInitialized = true;
controller.value = width > Global.mediumWidthBreakpoint ? 1 : 0;
}
}
/// Widget的构建入口
@override
Widget build(BuildContext context) {
return AnimatedBuilder(
animation: controller,
builder: (context, child) {
return NavigationTransition(
scaffoldKey: scaffoldKey,
animationController: controller,
railAnimation: railAnimation,
appBar: (title) => AppBar(
title: Text(title),
),
body: const Expanded(
child: MyHomePage(),
),
navigationRail: ValueListenableBuilder(
valueListenable: Global.pageIndex,
builder: (context, value, child) {
return NavigationRail(
extended: windowSize == SizeSelected.expanded,
destinations: Global.navRailDestinations,
selectedIndex: value,
onDestinationSelected: (index) {
Global.pageIndex.value = index;
Global.showFab.value = Global.pageIndex.value == 0;
},
);
},
),
navigationBar: ValueListenableBuilder(
valueListenable: Global.pageIndex,
builder: (context, value, child) {
return NavigationBar(
selectedIndex: value,
destinations: Global.appBarDestinations,
onDestinationSelected: (index) {
Global.pageIndex.value = index;
Global.showFab.value = Global.pageIndex.value == 0;
},
);
},
),
floatingActionButton: ValueListenableBuilder(
valueListenable: Global.showFab,
builder: (context, value, child) {
return Visibility(
visible: value,
child: Builder(
builder: (context) => FloatingActionButton(
onPressed: () =>
context.execPluginMethod('example_channel', Method.add),
tooltip: 'Increment',
child: const Icon(Icons.add),
),
),
);
},
),
);
},
);
}
}
/// 主页布局类型枚举
enum SizeSelected {
///折叠
compact,
/// 中等
medium,
/// 展开
expanded,
}
/// Global全局类
class Global {
const Global();
/// 应用名称
static const String appName = 'flutter_ecosed 示例应用';
/// compact阈值
static const double compactWidthBreakpoint = 600;
/// medium阈值
static const double mediumWidthBreakpoint = 840;
/// 大小切换动画速率
static const double transitionLength = 500;
/// 页面索引
static final ValueNotifier<int> pageIndex = ValueNotifier(0);
/// 计数
static final ValueNotifier<int> counter = ValueNotifier(0);
/// 是否显示FAB
static final ValueNotifier<bool> showFab = ValueNotifier(true);
/// 导航栏目的地
static const List<NavigationDestination> appBarDestinations = [
NavigationDestination(
icon: Icon(Icons.home_outlined),
selectedIcon: Icon(Icons.home),
label: '主页',
tooltip: '主页',
enabled: true,
),
NavigationDestination(
icon: Icon(Icons.dashboard_outlined),
selectedIcon: Icon(Icons.dashboard),
label: '管理器',
tooltip: 'flutter_ecosed管理器页面',
enabled: true,
),
NavigationDestination(
icon: Icon(Icons.publish_outlined),
selectedIcon: Icon(Icons.publish),
label: 'Pub包',
tooltip: 'Pub包发布页面',
enabled: true,
),
NavigationDestination(
icon: Icon(Icons.code_outlined),
selectedIcon: Icon(Icons.code),
label: 'GitHub',
tooltip: 'GitHub源码存储仓库',
enabled: true,
),
];
/// 纵向导航栏目的地
static final List<NavigationRailDestination> navRailDestinations =
appBarDestinations
.map(
(destination) => NavigationRailDestination(
icon: Tooltip(
message: destination.label,
child: destination.icon,
),
selectedIcon: Tooltip(
message: destination.label,
child: destination.selectedIcon,
),
label: Text(destination.label),
disabled: false,
),
)
.toList();
}
/// 调用方法
class Method {
/// 计数器
static const String add = 'add';
}
class NavigationTransition extends StatefulWidget {
const NavigationTransition({
super.key,
required this.scaffoldKey,
required this.animationController,
required this.railAnimation,
required this.navigationRail,
required this.navigationBar,
required this.appBar,
required this.body,
required this.floatingActionButton,
});
final GlobalKey<ScaffoldState> scaffoldKey;
final AnimationController animationController;
final CurvedAnimation railAnimation;
final Widget navigationRail;
final Widget navigationBar;
final Widget floatingActionButton;
final PreferredSizeWidget Function(String title) appBar;
final Widget body;
@override
State<NavigationTransition> createState() => _NavigationTransitionState();
}
class _NavigationTransitionState extends State<NavigationTransition> {
late final AnimationController controller;
late final CurvedAnimation railAnimation;
late final ReverseAnimation barAnimation;
bool controllerInitialized = false;
bool showDivider = false;
@override
void initState() {
super.initState();
controller = widget.animationController;
railAnimation = widget.railAnimation;
barAnimation = ReverseAnimation(
CurvedAnimation(
parent: controller,
curve: const Interval(0.0, 0.5),
),
);
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
key: widget.scaffoldKey,
appBar: widget.appBar(Global.appName),
body: Row(
children: <Widget>[
RailTransition(
animation: railAnimation,
backgroundColor: Theme.of(context).colorScheme.surface,
child: widget.navigationRail,
),
widget.body,
],
),
bottomNavigationBar: BarTransition(
animation: barAnimation,
backgroundColor: Theme.of(context).colorScheme.surface,
child: widget.navigationBar,
),
floatingActionButton: widget.floatingActionButton,
),
title: Global.appName,
themeMode: ThemeMode.system,
theme: ThemeData(
pageTransitionsTheme: const PageTransitionsTheme(
builders: {
TargetPlatform.android: PredictiveBackPageTransitionsBuilder(),
},
),
),
darkTheme: ThemeData(
pageTransitionsTheme: const PageTransitionsTheme(
builders: {
TargetPlatform.android: PredictiveBackPageTransitionsBuilder(),
},
),
),
);
}
}
class ExamplePlugin implements EcosedPlugin {
const ExamplePlugin();
/// “ExampleAuthor”为作者信息,替换为你自己的名字即可,通过[pluginAuthor]方法定义.
@override
String pluginAuthor() => 'ExampleAuthor';
/// “example_channel”为插件的通道,可以理解为插件的唯一标识,我们通常使用全小写英文字母加下划线的命名方式,通过[pluginChannel]方法定义.
@override
String pluginChannel() => 'example_channel';
/// "Example description"为插件的描述,通过[pluginDescription]方法定.
@override
String pluginDescription() => 'Example description';
/// “Example Plugin”为插件的名称,通过[pluginName]方法定义.
@override
String pluginName() => 'ExamplePlugin';
/// 右下角的打开按钮是打开[pluginWidget]方法定义的界面.
@override
Widget pluginWidget(BuildContext context) => const ExamplePluginPage();
/// [onMethodCall]方法为插件的方法调用.
@override
Future<dynamic> onMethodCall(String method, [dynamic arguments]) async {
switch (method) {
case Method.add:
return Global.counter.value++;
default:
return await null;
}
}
}
class ExamplePluginPage extends StatelessWidget {
const ExamplePluginPage({super.key});
@override
Widget build(BuildContext context) {
return const Center(
child: Text('Hello, World!'),
);
}
}
class MyHomePage extends StatelessWidget {
const MyHomePage({super.key});
@override
Widget build(BuildContext context) {
return ValueListenableBuilder(
valueListenable: Global.pageIndex,
builder: (context, value, child) {
return IndexedStack(
index: value,
children: <Widget>[
ValueListenableBuilder(
valueListenable: Global.counter,
builder: (context, value, child) {
return HomeScreen(counter: value);
},
),
const ManagerScreen(),
const WebViewScreen(
url: 'https://pub.dev/packages/flutter_ecosed',
),
const WebViewScreen(
url: 'https://github.com/libecosed/flutter_ecosed',
),
],
);
},
);
}
}
class HomeScreen extends StatelessWidget {
const HomeScreen({super.key, required this.counter});
final int counter;
@override
Widget build(BuildContext context) {
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
const Text(
'You have pushed the button this many times:',
),
Text(
'$counter',
style: Theme.of(context).textTheme.titleMedium,
),
],
),
);
}
}
class ManagerScreen extends StatelessWidget {
const ManagerScreen({super.key});
@override
Widget build(BuildContext context) {
return Container(child: context.getManagerWidget());
}
}
class WebViewScreen extends StatelessWidget {
const WebViewScreen({super.key, required this.url});
final String url;
bool canShowWebView() {
if (kIsWeb) return false;
if (Platform.isAndroid || Platform.isIOS) return true;
return false;
}
@override
Widget build(BuildContext context) {
return canShowWebView()
? Focus(
onKeyEvent: (node, event) {
if (!kIsWeb) {
if ({
LogicalKeyboardKey.arrowLeft,
LogicalKeyboardKey.arrowRight,
LogicalKeyboardKey.arrowUp,
LogicalKeyboardKey.arrowDown,
LogicalKeyboardKey.tab
}.contains(event.logicalKey)) {
return KeyEventResult.skipRemainingHandlers;
}
}
return KeyEventResult.ignored;
},
child: GestureDetector(
onSecondaryTap: () {},
child: WebViewWidget(
controller: WebViewController()
..loadRequest(
Uri.parse(url),
)
..setJavaScriptMode(
JavaScriptMode.unrestricted,
),
),
),
)
: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'当前操作系统${Theme.of(context).platform.name}不支持WebView组件,请通过浏览器打开.',
),
TextButton(
onPressed: () => launchUrl(
Uri.parse(url),
),
child: const Text('通过浏览器打开'),
),
],
),
);
}
}
/// 左侧垂直导航切换动画
class RailTransition extends StatefulWidget {
const RailTransition({
super.key,
required this.animation,
required this.backgroundColor,
required this.child,
});
final Animation<double> animation;
final Widget child;
final Color backgroundColor;
@override
State<RailTransition> createState() => _RailTransition();
}
class _RailTransition extends State<RailTransition> {
late Animation<Offset> offsetAnimation;
late Animation<double> widthAnimation;
@override
void didChangeDependencies() {
super.didChangeDependencies();
final bool ltr = Directionality.of(context) == TextDirection.ltr;
widthAnimation = Tween<double>(
begin: 0,
end: 1,
).animate(SizeAnimation(widget.animation));
offsetAnimation = Tween<Offset>(
begin: ltr ? const Offset(-1, 0) : const Offset(1, 0),
end: Offset.zero,
).animate(OffsetAnimation(widget.animation));
}
@override
Widget build(BuildContext context) {
return ClipRect(
child: DecoratedBox(
decoration: BoxDecoration(color: widget.backgroundColor),
child: Align(
alignment: Alignment.topLeft,
widthFactor: widthAnimation.value,
child: FractionalTranslation(
translation: offsetAnimation.value,
child: widget.child,
),
),
),
);
}
}
///底部导航切换动画
class BarTransition extends StatefulWidget {
const BarTransition(
{super.key,
required this.animation,
required this.backgroundColor,
required this.child});
final Animation<double> animation;
final Color backgroundColor;
final Widget child;
@override
State<BarTransition> createState() => _BarTransition();
}
class _BarTransition extends State<BarTransition> {
late final Animation<Offset> offsetAnimation;
late final Animation<double> heightAnimation;
@override
void initState() {
super.initState();
offsetAnimation = Tween<Offset>(
begin: const Offset(0, 1),
end: Offset.zero,
).animate(OffsetAnimation(widget.animation));
heightAnimation = Tween<double>(
begin: 0,
end: 1,
).animate(SizeAnimation(widget.animation));
}
@override
Widget build(BuildContext context) {
return ClipRect(
child: DecoratedBox(
decoration: BoxDecoration(color: widget.backgroundColor),
child: Align(
alignment: Alignment.topLeft,
heightFactor: heightAnimation.value,
child: FractionalTranslation(
translation: offsetAnimation.value,
child: widget.child,
),
),
),
);
}
}
class SizeAnimation extends CurvedAnimation {
SizeAnimation(Animation<double> parent)
: super(
parent: parent,
curve: const Interval(
0.2,
0.8,
curve: Curves.easeInOutCubicEmphasized,
),
reverseCurve: Interval(
0,
0.2,
curve: Curves.easeInOutCubicEmphasized.flipped,
),
);
}
class OffsetAnimation extends CurvedAnimation {
OffsetAnimation(Animation<double> parent)
: super(
parent: parent,
curve: const Interval(
0.4,
1.0,
curve: Curves.easeInOutCubicEmphasized,
),
reverseCurve: Interval(
0,
0.2,
curve: Curves.easeInOutCubicEmphasized.flipped,
),
);
}Metadata
1
likes
150
pub points
0%
popularity
Publisher
unverified uploader
Metadata
FlutterEcosed is a Flutter plugin and an advanced Flutter development framework that provides Android platform debugging, plugin development and dashboard functions.
Repository (GitHub)
View/report issues
Topics
Documentation
License
Apache-2.0 (license)
Dependencies
flutter, flutter_localizations, flutter_plugin_android_lifecycle, flutter_web_plugins, package_info_plus, plugin_platform_interface, url_launcher, vm_service, web
