11 |
12 | ### 上拉翻页
13 |
14 | 
15 |
16 | ### 已加载全部数据
17 |
18 | 
19 |
20 | ## 安装
21 |
22 | ### NPM
23 | ```
24 | npm install --save react-native-refresh-list-view
25 | ```
26 |
27 | ### 手动安装
28 | 下载源码，将RefreshListView.js拖入工程中
29 |
30 |
31 | ## 运行Demo
32 |
33 | ### 第一步
34 | 进入Example目录，执行：
35 | ```
36 | npm install
37 | ```
38 |
39 | ### 第二步
40 | ```
41 | react-native run-ios
42 | ```
43 |
44 | ## Example
45 |
46 | ``` javascript
47 |
48 | constructor(props) {
49 | super(props)
50 |
51 | this.state = {
52 | refreshState: RefreshState.Idle,
53 | }
54 | }
55 |
56 | render() {
57 | return (
58 | 1、Idle（普通状态）
2、HeaderRefreshing（头部菊花转圈圈中）
3、FooterRefreshing（底部菊花转圈圈中）
4、NoMoreData（已加载全部数据）
5、Failure（加载失败） | None | 94 | | onHeaderRefresh | ?(refreshState: number) => void | 下拉刷新回调方法
refreshState参数值为RefreshState.HeaderRefreshing | null | 95 | | onFooterRefresh | ?(refreshState: number) => void | 上拉翻页回调方法
refreshState参数值为RefreshState.FooterRefreshing | null | 96 | | data | Array | 同FlatList中的data属性 | None | 97 | | footerRefreshingText | ?string | 自定义底部刷新中文字 | '数据加载中…' | 98 | | footerFailureText | ?string | 自定义底部失败文字 | '点击重新加载' | 99 | | footerNoMoreDataText | ?string | 自定义底部已加载全部数据文字 | '已加载全部数据' | 100 | | footerEmptyDataText | ?string | 自定义空数据文字 | '暂时没有相关数据' | 101 | | footerRefreshingComponent | ?any | 自定义底部刷新控件 | null | 102 | | footerFailureComponent | ?any | 自定义底部失败控件 | null | 103 | | footerNoMoreDataComponent | ?any | 自定义底部已加载全部数据控件 | null | 104 | | footerEmptyDataComponent | ?any | 自定义空数据控件 | null | 105 | 106 | ## 常见问题 107 | 列表滑动过程中，可能会出现警告 108 | Task orphaned for request
This source code is licensed under the MIT license found in the LICENSE file in the root
5 | * directory of this source tree.
6 | */
7 | package com.example;
8 |
9 | import android.content.Context;
10 | import com.facebook.flipper.android.AndroidFlipperClient;
11 | import com.facebook.flipper.android.utils.FlipperUtils;
12 | import com.facebook.flipper.core.FlipperClient;
13 | import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin;
14 | import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin;
15 | import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin;
16 | import com.facebook.flipper.plugins.inspector.DescriptorMapping;
17 | import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin;
18 | import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor;
19 | import com.facebook.flipper.plugins.network.NetworkFlipperPlugin;
20 | import com.facebook.flipper.plugins.react.ReactFlipperPlugin;
21 | import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin;
22 | import com.facebook.react.ReactInstanceManager;
23 | import com.facebook.react.bridge.ReactContext;
24 | import com.facebook.react.modules.network.NetworkingModule;
25 | import okhttp3.OkHttpClient;
26 |
27 | public class ReactNativeFlipper {
28 | public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) {
29 | if (FlipperUtils.shouldEnableFlipper(context)) {
30 | final FlipperClient client = AndroidFlipperClient.getInstance(context);
31 |
32 | client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults()));
33 | client.addPlugin(new ReactFlipperPlugin());
34 | client.addPlugin(new DatabasesFlipperPlugin(context));
35 | client.addPlugin(new SharedPreferencesFlipperPlugin(context));
36 | client.addPlugin(CrashReporterPlugin.getInstance());
37 |
38 | NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
39 | NetworkingModule.setCustomClientBuilder(
40 | new NetworkingModule.CustomClientBuilder() {
41 | @Override
42 | public void apply(OkHttpClient.Builder builder) {
43 | builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin));
44 | }
45 | });
46 | client.addPlugin(networkFlipperPlugin);
47 | client.start();
48 |
49 | // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized
50 | // Hence we run if after all native modules have been initialized
51 | ReactContext reactContext = reactInstanceManager.getCurrentReactContext();
52 | if (reactContext == null) {
53 | reactInstanceManager.addReactInstanceEventListener(
54 | new ReactInstanceManager.ReactInstanceEventListener() {
55 | @Override
56 | public void onReactContextInitialized(ReactContext reactContext) {
57 | reactInstanceManager.removeReactInstanceEventListener(this);
58 | reactContext.runOnNativeModulesQueueThread(
59 | new Runnable() {
60 | @Override
61 | public void run() {
62 | client.addPlugin(new FrescoFlipperPlugin());
63 | }
64 | });
65 | }
66 | });
67 | } else {
68 | client.addPlugin(new FrescoFlipperPlugin());
69 | }
70 | }
71 | }
72 | }
73 |
--------------------------------------------------------------------------------
/Example/ios/Example.xcodeproj/xcshareddata/xcschemes/Example.xcscheme:
--------------------------------------------------------------------------------
1 |
2 |