diff --git a/App.js b/App.js
index a2a3d27..e880919 100644
--- a/App.js
+++ b/App.js
@@ -1,93 +1,348 @@
/**
* Sample React Native App
- *
- * adapted from App.js generated by the following command:
- *
- * react-native init example
- *
* https://github.com/facebook/react-native
+ *
+ * @format
+ * @flow strict-local
*/
-import React, {Component} from 'react';
-import {Platform, StyleSheet, Text, View, Button} from 'react-native';
+import React, {useState, useEffect} from 'react';
+import type {Node} from 'react';
+import BackgroundTimer from 'react-native-background-timer';
+
+const appId = '6260bf62e680b10001b1911f';
import MopSDK from 'react-native-mopsdk';
-const onPressOpenCanvasApplet = () => {
- MopSDK.openApplet('5ea03fa563cb900001d73863', '', '', data => {});
+import {
+ SafeAreaView,
+ ScrollView,
+ StatusBar,
+ StyleSheet,
+ Text,
+ useColorScheme,
+ Button,
+ View,
+ Platform,
+ NativeModules,
+ Alert,
+ NativeEventEmitter,
+} from 'react-native';
+
+import ScanScreen from './scanner.js';
+
+let isInited = false;
+
+const openApplet = () => {
+ MopSDK.openApplet({appId});
};
-const onPressOpenDemoApplet = () => {
- MopSDK.openApplet('5ea0401463cb900001d73865', '', '', data => {});
+
+const getCurrentApplet = callback => {
+ let time = 0;
+ BackgroundTimer.runBackgroundTimer(() => {
+ if (time === 0) {
+ console.log('getCurrentApplet call');
+ MopSDK.currentApplet().then(res => {
+ console.log('currentApplet', res);
+ callback(JSON.stringify(res));
+ });
+ time++;
+ }
+ }, 10000);
};
-const onPressOpenProfileApplet = () => {
- MopSDK.openApplet('5ea0412663cb900001d73867', '', '', data => {});
+
+const closeApplet = () => {
+ let time = 0;
+ BackgroundTimer.runBackgroundTimer(() => {
+ if (time === 0) {
+ console.log('closeApplet call');
+ MopSDK.closeApplet(appId, true);
+ time++;
+ }
+ }, 10000);
};
-export default class App extends Component<{}> {
- state = {
- status: 'starting',
- message: '--',
+
+const closeAllApplets = () => {
+ let time = 0;
+ BackgroundTimer.runBackgroundTimer(() => {
+ if (time === 0) {
+ Alert.alert('closeAllApplets call');
+ MopSDK.closeAllApplets();
+ time++;
+ }
+ }, 10000);
+};
+
+const qrcodeOpenApplet = qrcode => {
+ console.warn('当前扫码', qrcode);
+
+ console.log('qrcodeOpenApplet call');
+ MopSDK.qrcodeOpenApplet(qrcode);
+};
+
+const clearApplets = () => {
+ console.log('clearApplets call');
+ MopSDK.clearApplets();
+};
+
+const registerAppletHandler = () => {
+ const handler = {
+ forwardApplet(params) {
+ console.log('forwardApplet call', params);
+ return [];
+ },
+ getUserInfo(params) {
+ console.log('getUserInfo call', params);
+ return {
+ name: 'jimmy',
+ nickName: 'jimmy 123',
+ avatarUrl:
+ 'https://img9.doubanio.com/view/subject/s/public/s34197964.jpg',
+ };
+ },
+ getCustomMenus(params) {
+ console.log('getCustomMenus call');
+ let list = [
+ {
+ menuId: 'menuid1',
+ image: 'image',
+ title: 'title',
+ type: 'type',
+ foo: 'foo',
+ },
+ {
+ menuId: 'menuid2',
+ image: 'image',
+ title: 'title',
+ type: 'type',
+ foo: 'foo',
+ },
+ {
+ menuId: 'menuid2',
+ image: 'image',
+ title: 'title',
+ type: 'type',
+ foo: 'foo',
+ },
+ {
+ menuId: 'menuid4',
+ image: 'image',
+ title: 'title',
+ type: 'type',
+ foo: 'foo',
+ },
+ ];
+ return list;
+ },
+ onCustomMenuClick(params) {
+ console.log('onCustomMenuClick', params);
+ },
+ appletDidOpen(params) {
+ console.log('appletDidOpen', params);
+ return params;
+ },
};
- componentDidMount() {
- MopSDK.initialize(
- {
- appkey: '22LyZEib0gLTQdU3MUauASlb4KFRNRajt4RmY6UDSucA',
- secret: 'c5cc7a8c14a2b04a',
+ MopSDK.registerAppletHandler(handler);
+};
+
+const addWebExtentionApi = () => {
+ console.log('addWebExtentionApi call');
+ const rnWebCustomAPI = params => {
+ console.warn('webview 自定义api rnWebCustomAPI call', params);
+ return {
+ errMsg: 'rnWebCustomAPI:ok',
+ data: 'customAPI',
+ };
+ };
+ MopSDK.addWebExtentionApi('rnWebCustomAPI', rnWebCustomAPI);
+};
+
+const registerExtensionApi = () => {
+ console.log('registerExtensionApi call');
+ const rnCustomAPI = params => {
+ console.warn('自定义 api rn rnCustomAPI call', params);
+ return {
+ errMsg: 'rnCustomAPI:ok',
+ data: 'webCustomAPI',
+ };
+ };
+ MopSDK.registerExtensionApi('rnCustomAPI', rnCustomAPI);
+};
+
+const callJS = () => {
+ if (Platform.OS !== 'android') {
+ let time = 0;
+ BackgroundTimer.runBackgroundTimer(() => {
+ if (time === 0) {
+ console.warn('ios calljs 执行');
+ MopSDK.callJS(appId, 'app2jsFunction', {
+ data: 100,
+ })
+ .then(res => {
+ Alert.alert('calljs 调用成功');
+ console.warn('calljs 调用成功', res);
+ })
+ .catch(res => {
+ Alert.alert('calljs 失败');
+ console.warn('calljs 调用失败', res);
+ });
+ time++;
+ }
+ }, 10000);
+ } else {
+ MopSDK.callJS(appId, 'app2jsFunction', {
+ data: 100,
+ })
+ .then(res => {
+ console.warn('calljs 调用成功', res);
+ })
+ .catch(res => {
+ console.warn('calljs 调用失败', res);
+ });
+ }
+};
+
+const sendCustomEvent = () => {
+ console.warn('sendCustomEvent call');
+ MopSDK.sendCustomEvent(appId, {
+ evenatName: 'hello-world',
+ foo: 'test',
+ });
+};
+
+const finishRunningApplet = () => {
+ Alert.alert('finishRunningApplet');
+ console.warn('结束运行的小程序');
+ MopSDK.finishRunningApplet(appId, true);
+};
+
+const setActivityTransitionAnim = () => {
+ if (Platform.OS !== 'android') {
+ console.warn('仅安卓支持');
+ return;
+ }
+ console.log('setActivityTransitionAnim call');
+ MopSDK.setActivityTransitionAnim('SlideFromBottomToTopAnim');
+};
+const App: () => Node = () => {
+ const [isShowScaner, setIsShowScaner] = useState(false);
+ const [qrcode, setQrcode] = useState('');
+ const [appInfo, setAppInfo] = useState('');
+ const isDarkMode = useColorScheme() === 'dark';
+
+ useEffect(() => {
+ if (!isInited) {
+ const eventEmitter = new NativeEventEmitter(NativeModules.FINMopSDK);
+ MopSDK.initialize({
+ appkey:
+ 'Ev7QHvml1UcW98Y1GaLfRz34ReffbDESaTXbCoFyKhHm5K1hSIZ5WQtcH5E2Ow5V4P7ZoS9FWirImuaa/yIlLg==',
+ secret: '97f8e4dd3a0e7634',
apiServer: 'https://api.finclip.com',
- apiPrefix: '/api/v1/mop',
- },
- data => {
- console.log('message;', data);
- const s = JSON.stringify(data);
- this.setState({
- status: 'native callback received',
- message: s,
+ apiPrefix: '/api/v1/mop/',
+ nativeEventEmitter: eventEmitter,
+ finMopSDK: NativeModules.FINMopSDK,
+ })
+ .then(res => {
+ isInited = true;
+ Alert.alert('初始化成功');
+ })
+ .catch(error => {
+ Alert.alert('初始化失败');
});
- },
- );
- }
- render() {
- return (
-
- ☆FINMopsdk example☆
- STATUS: {this.state.status}
- ☆NATIVE CALLBACK MESSAGE☆
- {this.state.message}
-
- );
- }
-}
+
+ React Native SDK Demo
+ 打开小程序
+
+
+
+
+ 关闭/结束
+
+
+
+
+
+
+ 注册 API
+
+
+
+
+
+ 其他
+
+
+
+
+
+
+ );
+};
const styles = StyleSheet.create({
container: {
flex: 1,
- justifyContent: 'center',
- alignItems: 'center',
- backgroundColor: '#F5FCFF',
+ backgroundColor: '#fff',
},
- welcome: {
- fontSize: 20,
- textAlign: 'center',
- margin: 10,
+ scrollView: {
+ flex: 1,
},
- instructions: {
+ mainTitle: {
+ fontSize: 24,
+ fontWeight: '600',
textAlign: 'center',
- color: '#333333',
- marginBottom: 5,
+ marginTop: 60,
+ },
+ padding: {
+ padding: 20,
+ },
+ subTitle: {
+ fontWeight: '500',
+ textAlign: 'center',
+ marginTop: 40,
+ marginBottom: 20,
+ },
+ sectionContainer: {
+ marginTop: 32,
+ paddingHorizontal: 24,
},
});
+
+export default App;
diff --git a/Gemfile b/Gemfile
new file mode 100644
index 0000000..2c3edcf
--- /dev/null
+++ b/Gemfile
@@ -0,0 +1,6 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby '2.7.4'
+
+gem 'cocoapods', '~> 1.11', '>= 1.11.2'
diff --git a/Gemfile.lock b/Gemfile.lock
new file mode 100644
index 0000000..99e810c
--- /dev/null
+++ b/Gemfile.lock
@@ -0,0 +1,100 @@
+GEM
+ remote: https://rubygems.org/
+ specs:
+ CFPropertyList (3.0.5)
+ rexml
+ activesupport (6.1.5)
+ concurrent-ruby (~> 1.0, >= 1.0.2)
+ i18n (>= 1.6, < 2)
+ minitest (>= 5.1)
+ tzinfo (~> 2.0)
+ zeitwerk (~> 2.3)
+ addressable (2.8.0)
+ public_suffix (>= 2.0.2, < 5.0)
+ algoliasearch (1.27.5)
+ httpclient (~> 2.8, >= 2.8.3)
+ json (>= 1.5.1)
+ atomos (0.1.3)
+ claide (1.1.0)
+ cocoapods (1.11.3)
+ addressable (~> 2.8)
+ claide (>= 1.0.2, < 2.0)
+ cocoapods-core (= 1.11.3)
+ cocoapods-deintegrate (>= 1.0.3, < 2.0)
+ cocoapods-downloader (>= 1.4.0, < 2.0)
+ cocoapods-plugins (>= 1.0.0, < 2.0)
+ cocoapods-search (>= 1.0.0, < 2.0)
+ cocoapods-trunk (>= 1.4.0, < 2.0)
+ cocoapods-try (>= 1.1.0, < 2.0)
+ colored2 (~> 3.1)
+ escape (~> 0.0.4)
+ fourflusher (>= 2.3.0, < 3.0)
+ gh_inspector (~> 1.0)
+ molinillo (~> 0.8.0)
+ nap (~> 1.0)
+ ruby-macho (>= 1.0, < 3.0)
+ xcodeproj (>= 1.21.0, < 2.0)
+ cocoapods-core (1.11.3)
+ activesupport (>= 5.0, < 7)
+ addressable (~> 2.8)
+ algoliasearch (~> 1.0)
+ concurrent-ruby (~> 1.1)
+ fuzzy_match (~> 2.0.4)
+ nap (~> 1.0)
+ netrc (~> 0.11)
+ public_suffix (~> 4.0)
+ typhoeus (~> 1.0)
+ cocoapods-deintegrate (1.0.5)
+ cocoapods-downloader (1.5.1)
+ cocoapods-plugins (1.0.0)
+ nap
+ cocoapods-search (1.0.1)
+ cocoapods-trunk (1.6.0)
+ nap (>= 0.8, < 2.0)
+ netrc (~> 0.11)
+ cocoapods-try (1.2.0)
+ colored2 (3.1.2)
+ concurrent-ruby (1.1.9)
+ escape (0.0.4)
+ ethon (0.15.0)
+ ffi (>= 1.15.0)
+ ffi (1.15.5)
+ fourflusher (2.3.1)
+ fuzzy_match (2.0.4)
+ gh_inspector (1.1.3)
+ httpclient (2.8.3)
+ i18n (1.10.0)
+ concurrent-ruby (~> 1.0)
+ json (2.6.1)
+ minitest (5.15.0)
+ molinillo (0.8.0)
+ nanaimo (0.3.0)
+ nap (1.1.0)
+ netrc (0.11.0)
+ public_suffix (4.0.6)
+ rexml (3.2.5)
+ ruby-macho (2.5.1)
+ typhoeus (1.4.0)
+ ethon (>= 0.9.0)
+ tzinfo (2.0.4)
+ concurrent-ruby (~> 1.0)
+ xcodeproj (1.21.0)
+ CFPropertyList (>= 2.3.3, < 4.0)
+ atomos (~> 0.1.3)
+ claide (>= 1.0.2, < 2.0)
+ colored2 (~> 3.1)
+ nanaimo (~> 0.3.0)
+ rexml (~> 3.2.4)
+ zeitwerk (2.5.4)
+
+PLATFORMS
+ ruby
+
+DEPENDENCIES
+ cocoapods (~> 1.11, >= 1.11.2)
+
+RUBY VERSION
+ ruby 2.7.4p191
+
+BUNDLED WITH
+ 2.2.27
diff --git a/Readme.md b/Readme.md
deleted file mode 100644
index ec25122..0000000
--- a/Readme.md
+++ /dev/null
@@ -1,123 +0,0 @@
-
-
- 
-
-
-
-
- FinClip ReactNative DEMO
-
-
- 本项目提供在 ReactNative 环境中运行小程序的 DEMO 样例
-
-
-
- 👉 https://www.finclip.com/ 👈
-
-
-
-
-
-
-
-
-[官方网站](https://www.finclip.com/) | [示例小程序](https://www.finclip.com/#/market) | [开发文档](https://www.finclip.com/mop/document/) | [部署指南](https://www.finclip.com/mop/document/introduce/quickStart/cloud-server-deployment-guide.html) | [SDK 集成指南](https://www.finclip.com/mop/document/introduce/quickStart/intergration-guide.html) | [API 列表](https://www.finclip.com/mop/document/develop/api/overview.html) | [组件列表](https://www.finclip.com/mop/document/develop/component/overview.html) | [隐私承诺](https://www.finclip.com/mop/document/operate/safety.html)
-
-
-
------
-## 🤔 FinClip 是什么?
-
-有没有**想过**，开发好的微信小程序能放在自己的 APP 里直接运行，只需要开发一次小程序，就能在不同的应用中打开它，是不是很不可思议？
-
-有没有**试过**，在自己的 APP 中引入一个 SDK ，应用中不仅可以打开小程序，还能自定义小程序接口，修改小程序样式，是不是觉得更不可思议？
-
-这就是 FinClip ，就是有这么多不可思议！
-
-## 🤩 效果预览
-
-**本项目是 FinClip 小程序在 ReactNative 工程基础上下集成及运行小程序 DEMO 演示，您可以按照下方流程测试，验证 FinClip 小程序在 ReactNative 环境下的实际效果。**
-
-先看一下运行效果~
-
-
-
- 
-
-
-
-## ⚙️ 操作步骤
-### 第一步 引入小程序引擎插件
-在 `package.json` 文件中引入小程序 ReactNative 插件
-
-`"react-native-mopsdk": "^1.0.1"`
-
-### 第二步 初始化引擎
-在 `main.dart` 文件中增加以下小程序引擎初始化方法。
-
-在 Mop.instance.initialize 中，需要用到 `SDK KEY` 和 `SECRET`。
-
-```objc
-import MopSDK from 'react-native-mopsdk';
-// 1. mop初始化
-MopSDK.initialize({
- appkey: '22LyZEib0gLTQdU3MUauASlb4KFRNRajt4RmY6UDSucA',
- secret: '4a915e447bcbd439',
- apiServer: 'https://api.finclip.com',
- apiPrefix: '/api/v1/mop'
- }, (data) => {
- console.log('message;', data);
- });
-```
-
-### 第三步 打开小程序
-```objc
-MopSDK.openApplet('appid','','',(data)=>{});
-```
-
-- **SDK KEY** 和 **SDK SECRET** 可以从 [FinClip](https://finclip.com/#/home) 获取，点 [这里](https://finclip.com/#/register) 注册账号；
-- 进入平台后，在「应用管理」页面添加你自己的包名后，点击「复制」即可获得 key\secret\apisever 字段；
-- **apiServer** 和 **apiPrefix** 是固定字段，请直接参考本 DEMO ；
-- **小程序 ID** 是管理后台上架的小程序 APP ID，需要在「小程序管理」中创建并在「应用管理」中关联；
-> 小程序 ID 与 微信小程序ID 不一样哦！（这里是特指 FinClip 平台的 ID ）
-
-
-## 📋 接口文档
-[点击这里](https://www.finclip.com/mop/document/introduce/quickStart/intergration-guide.html#_4-reactnative-%E5%BF%AB%E9%80%9F%E9%9B%86%E6%88%90) 查看 React Native 快速集成文档
-
-## 🔗 常用链接
-以下内容是您在 FinClip 进行开发与体验时，常见的问题与指引信息
-
-- [FinClip 官网](https://www.finclip.com/#/home)
-- [示例小程序](https://www.finclip.com/#/market)
-- [文档中心](https://www.finclip.com/mop/document/)
-- [SDK 部署指南](https://www.finclip.com/mop/document/introduce/quickStart/intergration-guide.html)
-- [小程序代码结构](https://www.finclip.com/mop/document/develop/guide/structure.html)
-- [iOS 集成指引](https://www.finclip.com/mop/document/runtime-sdk/ios/ios-integrate.html)
-- [Android 集成指引](https://www.finclip.com/mop/document/runtime-sdk/android/android-integrate.html)
-- [Flutter 集成指引](https://www.finclip.com/mop/document/runtime-sdk/flutter/flutter-integrate.html)
-
-## ☎️ 联系我们
-微信扫描下面二维码，关注官方公众号 **「凡泰极客」**，获取更多精彩内容。
-
-
-微信扫描下面二维码，邀请进官方微信交流群（加好友备注：finclip 咨询），获取更多精彩内容。
-
-
-## Stargazers
-[](https://github.com/finogeeks/finclip-react-native-demo/stargazers)
-
-## Forkers
-[](https://github.com/finogeeks/finclip-react-native-demo/network/members)
diff --git a/android/app/BUCK b/android/app/_BUCK
similarity index 93%
rename from android/app/BUCK
rename to android/app/_BUCK
index 732a570..ef9ed14 100644
--- a/android/app/BUCK
+++ b/android/app/_BUCK
@@ -35,12 +35,12 @@ android_library(
android_build_config(
name = "build_config",
- package = "com.finogeeks.mop.rnexample",
+ package = "com.rnsdkdemo",
)
android_resource(
name = "res",
- package = "com.finogeeks.mop.rnexample",
+ package = "com.rnsdkdemo",
res = "src/main/res",
)
diff --git a/android/app/build.gradle b/android/app/build.gradle
index 6647bc3..afce4cb 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -114,23 +114,33 @@ def jscFlavor = 'org.webkit:android-jsc:+'
/**
* Whether to enable the Hermes VM.
*
- * This should be set on project.ext.react and mirrored here. If it is not set
+ * This should be set on project.ext.react and that value will be read here. If it is not set
* on project.ext.react, JavaScript will not be compiled to Hermes Bytecode
* and the benefits of using Hermes will therefore be sharply reduced.
*/
def enableHermes = project.ext.react.get("enableHermes", false);
+/**
+ * Architectures to build native code for in debug.
+ */
+def nativeArchitectures = project.getProperties().get("reactNativeDebugArchitectures")
+
android {
ndkVersion rootProject.ext.ndkVersion
compileSdkVersion rootProject.ext.compileSdkVersion
defaultConfig {
- applicationId "com.finogeeks.mop.rnexample"
+ applicationId "org.reactjs.native.example.react-native-mopsdk-demo"
minSdkVersion rootProject.ext.minSdkVersion
targetSdkVersion rootProject.ext.targetSdkVersion
+ multiDexEnabled true
versionCode 1
versionName "1.0"
+
+ missingDimensionStrategy 'react-native-camera', 'general'
+
+ manifestPlaceholders.put("network_security_config", "@xml/network_security_config")
}
splits {
abi {
@@ -140,6 +150,20 @@ android {
include "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
}
}
+ packagingOptions {
+ // libsdkcore.so、libyuvutil.so是被加固过的，不能被压缩，否则加载动态库时会报错
+ doNotStrip "*/x86/libsdkcore.so"
+ doNotStrip "*/x86_64/libsdkcore.so"
+ doNotStrip "*/armeabi/libsdkcore.so"
+ doNotStrip "*/armeabi-v7a/libsdkcore.so"
+ doNotStrip "*/arm64-v8a/libsdkcore.so"
+
+ doNotStrip "*/x86/libyuvutil.so"
+ doNotStrip "*/x86_64/libyuvutil.so"
+ doNotStrip "*/armeabi/libyuvutil.so"
+ doNotStrip "*/armeabi-v7a/libyuvutil.so"
+ doNotStrip "*/arm64-v8a/libyuvutil.so"
+ }
signingConfigs {
debug {
storeFile file('debug.keystore')
@@ -151,6 +175,11 @@ android {
buildTypes {
debug {
signingConfig signingConfigs.debug
+ if (nativeArchitectures) {
+ ndk {
+ abiFilters nativeArchitectures.split(',')
+ }
+ }
}
release {
// Caution! In production, you need to generate your own keystore file.
@@ -186,7 +215,7 @@ dependencies {
implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
- exclude group:'com.facebook.fbjni'
+ exclude group:'com.facebook.fbjni'
}
debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
diff --git a/android/app/proguard-rules.pro b/android/app/proguard-rules.pro
index 11b0257..356ef0d 100644
--- a/android/app/proguard-rules.pro
+++ b/android/app/proguard-rules.pro
@@ -8,3 +8,8 @@
# http://developer.android.com/guide/developing/tools/proguard.html
# Add any project specific keep options here:
+-keep class com.finogeeks.** {*;}
+-keep class android.arch.** { *; }
+
+# WebRTC
+-keep class org.webrtc.**{*;}
diff --git a/android/app/src/debug/java/com/mopdemo/ReactNativeFlipper.java b/android/app/src/debug/java/com/rnsdkdemo/ReactNativeFlipper.java
similarity index 98%
rename from android/app/src/debug/java/com/mopdemo/ReactNativeFlipper.java
rename to android/app/src/debug/java/com/rnsdkdemo/ReactNativeFlipper.java
index 5805d83..668b7e4 100644
--- a/android/app/src/debug/java/com/mopdemo/ReactNativeFlipper.java
+++ b/android/app/src/debug/java/com/rnsdkdemo/ReactNativeFlipper.java
@@ -4,7 +4,7 @@
* This source code is licensed under the MIT license found in the LICENSE file in the root
* directory of this source tree.
*/
-package com.finogeeks.mop.rnexample;
+package com.rnsdkdemo;
import android.content.Context;
import com.facebook.flipper.android.AndroidFlipperClient;
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index 4ac49f7..87fe361 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -1,7 +1,9 @@
+ package="com.rnsdkdemo">
+
+
aClass = Class.forName("com.mopdemo.ReactNativeFlipper");
+ Class aClass = Class.forName("com.rnsdkdemo.ReactNativeFlipper");
aClass
.getMethod("initializeFlipper", Context.class, ReactInstanceManager.class)
.invoke(null, context, reactInstanceManager);
diff --git a/android/app/src/main/res/drawable/rn_edit_text_material.xml b/android/app/src/main/res/drawable/rn_edit_text_material.xml
new file mode 100644
index 0000000..f35d996
--- /dev/null
+++ b/android/app/src/main/res/drawable/rn_edit_text_material.xml
@@ -0,0 +1,36 @@
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-