Skip to content

F
flutter_clx_base
提交 6c817aa7 authored 作者: 张国庆's avatar 张国庆
浏览文件
操作

基础刷新列表控件
上级 952a6e9a
显示空白字符变更
内嵌 并排
正在显示 包含 270 行增加 和 7 行删除
example/android/app/build.gradle
浏览文件 @ 6c817aa7
......@@ -27,7 +27,6 @@ apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
android {
compileSdkVersion 33
ndkVersion flutter.ndkVersion
compileOptions {
sourceCompatibility JavaVersion.VERSION_11
......@@ -45,7 +44,7 @@ android {
// You can update the following values to match your application needs.
// For more information, see: https://docs.flutter.dev/deployment/android#reviewing-the-gradle-build-configuration.
minSdkVersion 21
targetSdkVersion flutter.targetSdkVersion
targetSdkVersion 31
versionCode flutterVersionCode.toInteger()
versionName flutterVersionName
}
......
example/lib/l10n/translations.dart 0 → 100644
浏览文件 @ 6c817aa7
import 'package:flutter/material.dart';
import 'package:flutter_clx_base/flutter_clx_base.dart';
import 'package:flutter_clx_base_example/l10n/translations/en.dart';
import 'package:flutter_clx_base_example/l10n/translations/zh_cn.dart';
class AppTranslations extends Translations {
@override
Map<String, Map<String, String>> get keys => {
'en': en,
'zh_CN': zhCN,
};
static const List<Locale> supportedLocales = [
Locale('en'),
Locale('zh', 'CN'),
];
static const fallbackLocale = Locale('en');
}
example/lib/l10n/translations/en.dart 0 → 100644
浏览文件 @ 6c817aa7
const en = {
'Sample': 'Sample',
'Style': 'Style',
'More': 'More',
'Theme': 'Theme',
'System': 'System',
'Light': 'Light',
'Dark': 'Dark',
'Classic': 'Classic',
'Classic and default': 'Classic and default',
'Direction': 'Direction',
'Vertical': 'Vertical',
'Horizontal': 'Horizontal',
'Clamping': 'Clamping',
'Background': 'Background',
'Alignment': 'Alignment',
'Center': 'Center',
'Start': 'Start',
'End': 'End',
'Infinite': 'Infinite',
'Message': 'Message',
'Text': 'Text',
'Animation': 'Animation',
'Bounce': 'Bounce',
'List Spring': 'List Spring',
'Pull to refresh': 'Pull to refresh',
'Release ready': 'Release ready',
'Refreshing...': 'Refreshing...',
'Succeeded': 'Succeeded',
'No more': 'No more',
'Failed': 'Failed',
'Last updated at %T': 'Last updated at %T',
'Pull to load': 'Pull to load',
'Loading...': 'Loading...',
'Bezier curve': 'Bezier curve',
'Disable': 'Disable',
'Display balls': 'Display balls',
'Bezier circle': 'Bezier circle',
'Golden campus': 'Golden campus',
'Rush to the sky': 'Rush to the sky',
'Balloon delivery': 'Balloon delivery',
'Star track': 'Star track',
'Lumberjack Squats': 'Lumberjack Squats',
'Skating boy': 'BSkating boy',
'Halloween horror': 'Halloween horror',
'User profile': 'User profile',
'User personal center': 'User personal center',
'QQ group': 'QQ group',
'Name': 'Name',
'Age': 'Age',
'Not yet bald': 'Not yet bald',
'City': 'City',
'China - ChengDu': 'China - ChengDu',
'Phone': 'Phone',
'Mail': 'Mail',
'NestedScrollView example': 'NestedScrollView example',
'Carousel': 'Carousel',
'Carousel example': 'Carousel example',
'Refresh on start': 'Refresh on start',
'Refresh when the list is displayed and specify the Header':
'Refresh when the list is displayed and specify the Header',
'Listener': 'Listener',
'Use listener to respond anywhere': 'Use listener to respond anywhere',
'Secondary': 'Secondary',
'Combine existing Header with secondary':
'Combine existing Header with secondary',
'Open the second floor': 'Open the second floor',
'Chat': 'Chat',
'Chat page example': 'Chat page example',
'PageView example': 'PageView example',
'Join discussion': 'Join discussion',
'Join the QQ group (554981921)': 'Join the QQ group (554981921)',
'Repository': 'Repository',
'Support me': 'Support me',
'Buy me a coffee ~': 'Buy me a coffee ~',
'Alipay': 'Alipay',
'Alipay donation': 'Alipay donation',
'Wechat': 'Wechat',
'Wechat donation': 'Wechat donation',
'Cryptocurrency': 'Cryptocurrency',
'Cryptocurrency donation': 'Cryptocurrency donation',
'Bitcoin donation': 'Bitcoin donation',
'Ethereum series, ETH, BNB, MATIC, USDT and other tokens':
'Ethereum series, ETH, BNB, MATIC, USDT and other tokens',
'Tron chain, TRX, USDT, USDC and other tokens':
'Tron chain, TRX, USDT, USDC and other tokens',
'Dogecoin donation': 'Dogecoin donation',
'%s copied!': '%s copied!',
'Trigger immediately': 'Trigger immediately',
'TabBarView example': 'NestedScrollView + TabBarView example',
'Paging': 'Paging',
'Paging example': 'Paging example',
'No Data': 'No Data',
'Theme switch': 'Theme switch',
'Theme switch example': 'Theme switch example',
'Theme switch describe':
'Pull down to display the switching panel, slide left and right to select the theme color, and release to switch.',
'Bubbles launch': 'Bubbles launch',
};
example/lib/l10n/translations/zh_cn.dart 0 → 100644
浏览文件 @ 6c817aa7
const zhCN = {
'Sample': '示例',
'Style': '样式',
'More': '更多',
'Theme': '主题',
'System': '系统',
'Light': '明亮',
'Dark': '暗黑',
'Classic': '经典',
'Classic and default': '经典和默认',
'Direction': '方向',
'Vertical': '垂直',
'Horizontal': '水平',
'Clamping': '固定',
'Background': '背景',
'Alignment': '对齐',
'Center': '中心',
'Start': '开端',
'End': '结尾',
'Infinite': '无限',
'Message': '信息',
'Text': '文本',
'Animation': '动画',
'Bounce': '回弹',
'List Spring': '列表弹簧',
'Pull to refresh': '下拉刷新',
'Release ready': '释放开始',
'Refreshing...': '刷新中...',
'Succeeded': '成功了',
'No more': '没有更多',
'Failed': '失败了',
'Last updated at %T': '最后更新于 %T',
'Pull to load': '上拉加载',
'Loading...': '加载中...',
'Bezier curve': '贝塞尔曲线',
'Disable': '禁用',
'Display balls': '显示小球',
'Bezier circle': '弹出圆圈',
'Golden campus': '金色校园',
'Rush to the sky': '冲上云霄',
'Balloon delivery': '气球快递',
'Star track': '太空轨道',
'Lumberjack Squats': '暴力深蹲',
'Skating boy': '滑雪少年',
'Halloween horror': '万圣节惊魂',
'User profile': '个人中心',
'User personal center': '用户个人中心',
'QQ group': 'QQ群',
'Name': '名字',
'Age': '年龄',
'Not yet bald': '尚未秃顶',
'City': '城市',
'China - ChengDu': '中国 - 成都',
'Phone': '电话',
'Mail': '邮箱',
'NestedScrollView example': 'NestedScrollView示例',
'Carousel': '轮播',
'Carousel example': '轮播示例',
'Refresh on start': '启动时刷新',
'Refresh when the list is displayed and specify the Header':
'列表显示时刷新并指定Header',
'Listener': '监听器',
'Use listener to respond anywhere': '使用监听器，在任意位置响应',
'Secondary': '二楼',
'Combine existing Header with secondary': '将已有的Header结合二楼',
'Open the second floor': '打开二楼',
'Chat': '聊天',
'Chat page example': '聊天页面示例',
'PageView example': 'PageView 示例',
'Join discussion': '加入讨论',
'Join the QQ group (554981921)': '加入QQ群(554981921)',
'Repository': '项目地址',
'Support me': '支持作者',
'Buy me a coffee ~': '请作者喝一杯咖啡~',
'Alipay': '支付宝',
'Alipay donation': '支付宝捐赠',
'Wechat': '微信',
'Wechat donation': '微信捐赠',
'Cryptocurrency': '加密货币',
'Cryptocurrency donation': '加密货币捐赠',
'Bitcoin donation': '比特币捐赠',
'Ethereum series, ETH, BNB, MATIC, USDT and other tokens':
'以太坊系列，ETH、BNB、MATIC、USDT及其他代币',
'Tron chain, TRX, USDT, USDC and other tokens': '波场链，TRX、USDT、USDC及其他代币',
'Dogecoin donation': '狗狗币捐赠',
'%s copied!': '%s 已复制!',
'Trigger immediately': '立即触发',
'TabBarView example': 'NestedScrollView + TabBarView示例',
'Paging': '分页',
'Paging example': '分页示例',
'No Data': '暂无数据',
'Theme switch': '主题切换',
'Theme switch example': '主题切换示例',
'Theme switch describe': '下拉显示切换面板，左右滑动选中主题色，释放进行切换。',
'Bubbles launch': '泡泡发射',
};
example/lib/main.dart
浏览文件 @ 6c817aa7
import 'package:flutter/material.dart';
import 'package:flutter_clx_base/flutter_clx_base.dart';
import 'package:flutter_clx_base_example/l10n/translations.dart';
import 'package:flutter_clx_base_example/sample.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
void main() {
runApp(const MyApp());
......@@ -14,6 +16,15 @@ class MyApp extends StatelessWidget {
Widget build(BuildContext context) {
return GetMaterialApp(
title: 'Flutter clx_base Demo',
translations: AppTranslations(),
supportedLocales: AppTranslations.supportedLocales,
locale: Get.deviceLocale,
fallbackLocale: AppTranslations.fallbackLocale,
localizationsDelegates: const [
GlobalCupertinoLocalizations.delegate,
GlobalMaterialLocalizations.delegate,
GlobalWidgetsLocalizations.delegate
],
theme: ThemeData(
// This is the theme of your application.
primarySwatch: Colors.blue,
......
example/lib/sample/base_list_widget_test.dart
浏览文件 @ 6c817aa7
import 'package:flutter/material.dart';
import 'package:flutter_clx_base/flutter_clx_base.dart';
import 'package:flutter_clx_base/widget/base_list_widget.dart';
import 'package:rive/rive.dart';
class BaseListWidgetTest extends StatefulWidget {
const BaseListWidgetTest({super.key});
......@@ -12,11 +13,12 @@ class BaseListWidgetTest extends StatefulWidget {
class _BaseListWidgetTestState extends State<BaseListWidgetTest> {
@override
Widget build(BuildContext context) {
final themeData = Theme.of(context);
return MyScaffold(
title: 'BaseListWidget',
body: BaseListWidget(
requestData: (page, pageSize, success, error) async {
await Future.delayed(const Duration(seconds: 2));
await Future.delayed(const Duration(seconds: 5));
if (page == 1) {
success([
'1',
......@@ -61,6 +63,28 @@ class _BaseListWidgetTestState extends State<BaseListWidgetTest> {
child: Text(item.toString()),
);
},
header: TaurusHeader(
skyColor: themeData.colorScheme.primary,
),
footer: ClassicFooter(
dragText: 'Pull to load'.tr,
armedText: 'Release ready'.tr,
readyText: 'Loading...'.tr,
processingText: 'Loading...'.tr,
processedText: 'Succeeded'.tr,
noMoreText: 'No more'.tr,
failedText: 'Failed'.tr,
messageText: 'Last updated at %T'.tr,
),
startLoadWidget: Container(
alignment: Alignment.center,
width: double.infinity,
height: 300,
child: const RiveAnimation.asset(
'assets/rive/highway-truck.riv',
fit: BoxFit.cover,
),
),
),
);
}
......
example/pubspec.yaml
浏览文件 @ 6c817aa7
......@@ -16,6 +16,8 @@ environment:
dependencies:
flutter:
sdk: flutter
flutter_localizations:
sdk: flutter
flutter_clx_base:
# When depending on this package from a real application you should use:
......@@ -28,6 +30,7 @@ dependencies:
# The following adds the Cupertino Icons font to your application.
# Use with the CupertinoIcons class for iOS style icons.
cupertino_icons: ^1.0.2
rive: ^0.10.4
dev_dependencies:
flutter_test:
......@@ -52,6 +55,7 @@ flutter:
uses-material-design: true
assets:
- assets/images/
- assets/rive/
# To add assets to your application, add an assets section, like this:
# assets:
......
lib/widget/base_list_widget.dart
浏览文件 @ 6c817aa7
import 'package:easy_refresh/easy_refresh.dart';
import 'package:flutter/material.dart';
import 'package:flutter_spinkit/flutter_spinkit.dart';
export 'package:easy_refresh/easy_refresh.dart';
class BaseListWidget extends StatefulWidget {
final RequestDataCallback requestData;
final int pageSize;
final ItemBuilder itemBuilder;
final Header? header;
final Footer? footer;
final Widget? startLoadWidget;
const BaseListWidget({
Key? key,
required this.requestData,
required this.pageSize,
required this.itemBuilder,
this.header,
this.footer,
this.startLoadWidget,
}) : super(key: key);
@override
......@@ -37,6 +44,8 @@ class _BaseListWidgetState extends State<BaseListWidget> {
return EasyRefresh(
controller: _controller,
refreshOnStart: true,
header: widget.header,
footer: widget.footer,
refreshOnStartHeader: BuilderHeader(
triggerOffset: 70,
clamping: true,
......@@ -52,11 +61,11 @@ class _BaseListWidgetState extends State<BaseListWidget> {
width: double.infinity,
height: state.viewportDimension,
alignment: Alignment.center,
child: SpinKitFadingCube(
size: 24,
child: widget.startLoadWidget ??
SpinKitFadingCircle(
color: Theme.of(context).primaryColor,
),
);
size: 30,
));
},
),
onRefresh: _onRefresh,
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论