(() => db().return().where(e.lt('rating', ratingState)).limit(frameLength).offset(frameOffset), [ frameLength, frameOffset, ratingState ]);
25 |
26 | useEffect(() => {
27 | async function mounted() {
28 | setTableLength(await fullTableSize())
29 | }
30 | mounted();
31 | }, [])
32 |
33 |
34 | const onAddPage = async () => {
35 | await db().insert({ rating: 68, "app name": "Inserted App", _position: 0 }).all();
36 | }
37 |
38 | const changePage = async (change: number) => {
39 | setFrameOffset(prev => Math.abs(prev + change));
40 | }
41 |
42 | const getFirstRecord = async () => {
43 | console.log(await db().return("app_name").where({ _position: 0 }).one());
44 | console.log(await db().return("app_name").where({ _position: 0 }).all());
45 | console.log(await db().return().where({ _position: 0 }).one());
46 | console.log(await db().return().where({ _position: 0 }).all());
47 | }
48 |
49 | return (
50 |
51 |
52 |
53 |
54 |
55 | {loading ?
: frame.map((ele: any, index: any) =>
)}
56 |
57 |
58 |
59 |
60 |
{frameOffset} - {frameOffset + Number(frameLength)} of {tableLength}
61 |
62 |
63 |
64 |
Edit db limit:
65 |
setFrameLength(+e.target.value)} value={frameLength} />
66 |
67 |
Edit Rating filter:
68 |
setRatingState(+e.target.value)} value={ratingState} />
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
22 |
23 | {loading ?
: frame.map((ele: any, index: any) =>
)}
24 |
25 |
26 |
27 |
Edit Rating filter:
28 |
setRatingState(+e.target.value)} value={ratingState} />
29 |
30 |
31 |
48 |
49 |
50 |
54 |
55 | { showChild && }
56 |
57 |
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.nativeexample;
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 | client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults()));
32 | client.addPlugin(new ReactFlipperPlugin());
33 | client.addPlugin(new DatabasesFlipperPlugin(context));
34 | client.addPlugin(new SharedPreferencesFlipperPlugin(context));
35 | client.addPlugin(CrashReporterPlugin.getInstance());
36 | NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
37 | NetworkingModule.setCustomClientBuilder(
38 | new NetworkingModule.CustomClientBuilder() {
39 | @Override
40 | public void apply(OkHttpClient.Builder builder) {
41 | builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin));
42 | }
43 | });
44 | client.addPlugin(networkFlipperPlugin);
45 | client.start();
46 | // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized
47 | // Hence we run if after all native modules have been initialized
48 | ReactContext reactContext = reactInstanceManager.getCurrentReactContext();
49 | if (reactContext == null) {
50 | reactInstanceManager.addReactInstanceEventListener(
51 | new ReactInstanceManager.ReactInstanceEventListener() {
52 | @Override
53 | public void onReactContextInitialized(ReactContext reactContext) {
54 | reactInstanceManager.removeReactInstanceEventListener(this);
55 | reactContext.runOnNativeModulesQueueThread(
56 | new Runnable() {
57 | @Override
58 | public void run() {
59 | client.addPlugin(new FrescoFlipperPlugin());
60 | }
61 | });
62 | }
63 | });
64 | } else {
65 | client.addPlugin(new FrescoFlipperPlugin());
66 | }
67 | }
68 | }
69 | }
--------------------------------------------------------------------------------
/native-example/android/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
21 |
22 |
23 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
--------------------------------------------------------------------------------
/native-example/android/app/src/main/java/com/nativeexample/MainActivity.java:
--------------------------------------------------------------------------------
1 | package com.nativeexample;
2 |
3 | import android.os.Bundle;
4 |
5 | import com.facebook.react.ReactActivity;
6 | import com.facebook.react.ReactActivityDelegate;
7 | import com.facebook.react.ReactRootView;
8 | import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;
9 |
10 | import expo.modules.splashscreen.singletons.SplashScreen;
11 | import expo.modules.splashscreen.SplashScreenImageResizeMode;
12 |
13 | public class MainActivity extends ReactActivity {
14 | @Override
15 | protected void onCreate(Bundle savedInstanceState) {
16 | super.onCreate(null);
17 | // SplashScreen.show(...) has to be called after super.onCreate(...)
18 | // Below line is handled by '@expo/configure-splash-screen' command and it's discouraged to modify it manually
19 | SplashScreen.show(this, SplashScreenImageResizeMode.CONTAIN, ReactRootView.class, false);
20 | }
21 |
22 |
23 | /**
24 | * Returns the name of the main component registered from JavaScript.
25 | * This is used to schedule rendering of the component.
26 | */
27 | @Override
28 | protected String getMainComponentName() {
29 | return "main";
30 | }
31 |
32 | @Override
33 | protected ReactActivityDelegate createReactActivityDelegate() {
34 | return new ReactActivityDelegate(this, getMainComponentName()) {
35 | @Override
36 | protected ReactRootView createRootView() {
37 | return new RNGestureHandlerEnabledRootView(MainActivity.this);
38 | }
39 | };
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/native-example/android/app/src/main/java/com/nativeexample/MainApplication.java:
--------------------------------------------------------------------------------
1 | package com.nativeexample;
2 |
3 | import android.app.Application;
4 | import android.content.Context;
5 | import android.net.Uri;
6 |
7 | import com.facebook.react.PackageList;
8 | import com.facebook.react.ReactApplication;
9 | import com.facebook.react.ReactInstanceManager;
10 | import com.facebook.react.ReactNativeHost;
11 | import com.facebook.react.ReactPackage;
12 | import com.facebook.react.shell.MainReactPackage;
13 | import com.facebook.soloader.SoLoader;
14 | import com.nativeexample.generated.BasePackageList;
15 |
16 | import org.unimodules.adapters.react.ReactAdapterPackage;
17 | import org.unimodules.adapters.react.ModuleRegistryAdapter;
18 | import org.unimodules.adapters.react.ReactModuleRegistryProvider;
19 | import org.unimodules.core.interfaces.Package;
20 | import org.unimodules.core.interfaces.SingletonModule;
21 | import expo.modules.constants.ConstantsPackage;
22 | import expo.modules.permissions.PermissionsPackage;
23 | import expo.modules.filesystem.FileSystemPackage;
24 | import expo.modules.updates.UpdatesController;
25 |
26 | import com.facebook.react.bridge.JSIModulePackage;
27 | import com.swmansion.reanimated.ReanimatedJSIModulePackage;
28 |
29 | import java.lang.reflect.InvocationTargetException;
30 | import java.util.Arrays;
31 | import java.util.List;
32 | import javax.annotation.Nullable;
33 |
34 | public class MainApplication extends Application implements ReactApplication {
35 | private final ReactModuleRegistryProvider mModuleRegistryProvider = new ReactModuleRegistryProvider(
36 | new BasePackageList().getPackageList()
37 | );
38 |
39 | private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
40 | @Override
41 | public boolean getUseDeveloperSupport() {
42 | return BuildConfig.DEBUG;
43 | }
44 |
45 | @Override
46 | protected List getPackages() {
47 | List packages = new PackageList(this).getPackages();
48 | packages.add(new ModuleRegistryAdapter(mModuleRegistryProvider));
49 | return packages;
50 | }
51 |
52 | @Override
53 | protected String getJSMainModuleName() {
54 | return "index";
55 | }
56 |
57 | @Override
58 | protected JSIModulePackage getJSIModulePackage() {
59 | return new ReanimatedJSIModulePackage();
60 | }
61 |
62 | @Override
63 | protected @Nullable String getJSBundleFile() {
64 | if (BuildConfig.DEBUG) {
65 | return super.getJSBundleFile();
66 | } else {
67 | return UpdatesController.getInstance().getLaunchAssetFile();
68 | }
69 | }
70 |
71 | @Override
72 | protected @Nullable String getBundleAssetName() {
73 | if (BuildConfig.DEBUG) {
74 | return super.getBundleAssetName();
75 | } else {
76 | return UpdatesController.getInstance().getBundleAssetName();
77 | }
78 | }
79 | };
80 |
81 | @Override
82 | public ReactNativeHost getReactNativeHost() {
83 | return mReactNativeHost;
84 | }
85 |
86 | @Override
87 | public void onCreate() {
88 | super.onCreate();
89 | SoLoader.init(this, /* native exopackage */ false);
90 |
91 | if (!BuildConfig.DEBUG) {
92 | UpdatesController.initialize(this);
93 | }
94 |
95 | initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
96 | }
97 |
98 | /**
99 | * Loads Flipper in React Native templates. Call this in the onCreate method with something like
100 | * initializeFlipper(this, getReactNativeHost().getReactInstanceManager());
101 | *
102 | * @param context
103 | * @param reactInstanceManager
104 | */
105 | private static void initializeFlipper(
106 | Context context, ReactInstanceManager reactInstanceManager) {
107 | if (BuildConfig.DEBUG) {
108 | try {
109 | /*
110 | We use reflection here to pick up the class that initializes Flipper,
111 | since Flipper library is not available in release mode
112 | */
113 | Class aClass = Class.forName("com.nativeexample.ReactNativeFlipper");
114 | aClass
115 | .getMethod("initializeFlipper", Context.class, ReactInstanceManager.class)
116 | .invoke(null, context, reactInstanceManager);
117 | } catch (ClassNotFoundException e) {
118 | e.printStackTrace();
119 | } catch (NoSuchMethodException e) {
120 | e.printStackTrace();
121 | } catch (IllegalAccessException e) {
122 | e.printStackTrace();
123 | } catch (InvocationTargetException e) {
124 | e.printStackTrace();
125 | }
126 | }
127 | }
128 | }
129 |
--------------------------------------------------------------------------------
/native-example/android/app/src/main/res/drawable/splashscreen.xml:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
7 |
8 | 
