Skip to content

Commit 2b9faa5

Browse files
Merge pull request #34 from aspect-apps/chore/example-project
adding example project
2 parents 839c8f5 + a30b4bf commit 2b9faa5

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

62 files changed

+10557
-0
lines changed

README.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -85,6 +85,8 @@ Navigation.push(parentComponentId, {
8585
});
8686
```
8787

88+
There's a complete and functional example at the `example` folder, with more thorough explanation on each method.
89+
8890
#### Props
8991

9092
The props below are used to configure the drawer and are to be used in RNN `passProps:`. Any aditional

example/.gitignore

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
# OSX
2+
#
3+
.DS_Store
4+
5+
# Xcode
6+
#
7+
build/
8+
*.pbxuser
9+
!default.pbxuser
10+
*.mode1v3
11+
!default.mode1v3
12+
*.mode2v3
13+
!default.mode2v3
14+
*.perspectivev3
15+
!default.perspectivev3
16+
xcuserdata
17+
*.xccheckout
18+
*.moved-aside
19+
DerivedData
20+
*.hmap
21+
*.ipa
22+
*.xcuserstate
23+
project.xcworkspace
24+
25+
# Android/IntelliJ
26+
#
27+
build/
28+
.idea
29+
.gradle
30+
local.properties
31+
*.iml
32+
33+
# node.js
34+
#
35+
node_modules/
36+
npm-debug.log
37+
yarn-error.log
38+
39+
# BUCK
40+
buck-out/
41+
\.buckd/
42+
*.keystore
43+
44+
# fastlane
45+
#
46+
# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
47+
# screenshots whenever they are needed.
48+
# For more information about the recommended setup visit:
49+
# https://docs.fastlane.tools/best-practices/source-control/
50+
51+
*/fastlane/report.xml
52+
*/fastlane/Preview.html
53+
*/fastlane/screenshots
54+
55+
# Bundle artifact
56+
*.jsbundle
57+
58+
# CocoaPods
59+
ios/Pods

example/README.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
# Example Project
2+
3+
![Gravação de Tela 2020-11-04 às 03 46 15](https://user-images.githubusercontent.com/7014073/98164480-200b4e80-1ec3-11eb-9c4d-45a3dd4b3683.gif)
4+
5+
This project contains a complete example of the `react-native-navigation-drawer-extension` package.
6+
7+
The entry point is at `index.js`, replacing the default RN content with the listener from `react-native-navigation` to start the app.
8+
9+
The pages and components are in the `src` folder.
10+

example/__tests__/App-test.js

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
/**
2+
* @format
3+
*/
4+
5+
import 'react-native';
6+
import React from 'react';
7+
import App from '../App';
8+
9+
// Note: test renderer must be required after react-native.
10+
import renderer from 'react-test-renderer';
11+
12+
it('renders correctly', () => {
13+
renderer.create(<App />);
14+
});

example/android/app/_BUCK

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
# To learn about Buck see [Docs](https://buckbuild.com/).
2+
# To run your application with Buck:
3+
# - install Buck
4+
# - `npm start` - to start the packager
5+
# - `cd android`
6+
# - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"`
7+
# - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck
8+
# - `buck install -r android/app` - compile, install and run application
9+
#
10+
11+
load(":build_defs.bzl", "create_aar_targets", "create_jar_targets")
12+
13+
lib_deps = []
14+
15+
create_aar_targets(glob(["libs/*.aar"]))
16+
17+
create_jar_targets(glob(["libs/*.jar"]))
18+
19+
android_library(
20+
name = "all-libs",
21+
exported_deps = lib_deps,
22+
)
23+
24+
android_library(
25+
name = "app-code",
26+
srcs = glob([
27+
"src/main/java/**/*.java",
28+
]),
29+
deps = [
30+
":all-libs",
31+
":build_config",
32+
":res",
33+
],
34+
)
35+
36+
android_build_config(
37+
name = "build_config",
38+
package = "com.awesomeproject",
39+
)
40+
41+
android_resource(
42+
name = "res",
43+
package = "com.awesomeproject",
44+
res = "src/main/res",
45+
)
46+
47+
android_binary(
48+
name = "app",
49+
keystore = "//android/keystores:debug",
50+
manifest = "src/main/AndroidManifest.xml",
51+
package_type = "debug",
52+
deps = [
53+
":app-code",
54+
],
55+
)

example/android/app/build.gradle

Lines changed: 220 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,220 @@
1+
apply plugin: "com.android.application"
2+
3+
import com.android.build.OutputFile
4+
5+
/**
6+
* The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets
7+
* and bundleReleaseJsAndAssets).
8+
* These basically call `react-native bundle` with the correct arguments during the Android build
9+
* cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the
10+
* bundle directly from the development server. Below you can see all the possible configurations
11+
* and their defaults. If you decide to add a configuration block, make sure to add it before the
12+
* `apply from: "../../node_modules/react-native/react.gradle"` line.
13+
*
14+
* project.ext.react = [
15+
* // the name of the generated asset file containing your JS bundle
16+
* bundleAssetName: "index.android.bundle",
17+
*
18+
* // the entry file for bundle generation. If none specified and
19+
* // "index.android.js" exists, it will be used. Otherwise "index.js" is
20+
* // default. Can be overridden with ENTRY_FILE environment variable.
21+
* entryFile: "index.android.js",
22+
*
23+
* // https://reactnative.dev/docs/performance#enable-the-ram-format
24+
* bundleCommand: "ram-bundle",
25+
*
26+
* // whether to bundle JS and assets in debug mode
27+
* bundleInDebug: false,
28+
*
29+
* // whether to bundle JS and assets in release mode
30+
* bundleInRelease: true,
31+
*
32+
* // whether to bundle JS and assets in another build variant (if configured).
33+
* // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants
34+
* // The configuration property can be in the following formats
35+
* // 'bundleIn${productFlavor}${buildType}'
36+
* // 'bundleIn${buildType}'
37+
* // bundleInFreeDebug: true,
38+
* // bundleInPaidRelease: true,
39+
* // bundleInBeta: true,
40+
*
41+
* // whether to disable dev mode in custom build variants (by default only disabled in release)
42+
* // for example: to disable dev mode in the staging build type (if configured)
43+
* devDisabledInStaging: true,
44+
* // The configuration property can be in the following formats
45+
* // 'devDisabledIn${productFlavor}${buildType}'
46+
* // 'devDisabledIn${buildType}'
47+
*
48+
* // the root of your project, i.e. where "package.json" lives
49+
* root: "../../",
50+
*
51+
* // where to put the JS bundle asset in debug mode
52+
* jsBundleDirDebug: "$buildDir/intermediates/assets/debug",
53+
*
54+
* // where to put the JS bundle asset in release mode
55+
* jsBundleDirRelease: "$buildDir/intermediates/assets/release",
56+
*
57+
* // where to put drawable resources / React Native assets, e.g. the ones you use via
58+
* // require('./image.png')), in debug mode
59+
* resourcesDirDebug: "$buildDir/intermediates/res/merged/debug",
60+
*
61+
* // where to put drawable resources / React Native assets, e.g. the ones you use via
62+
* // require('./image.png')), in release mode
63+
* resourcesDirRelease: "$buildDir/intermediates/res/merged/release",
64+
*
65+
* // by default the gradle tasks are skipped if none of the JS files or assets change; this means
66+
* // that we don't look at files in android/ or ios/ to determine whether the tasks are up to
67+
* // date; if you have any other folders that you want to ignore for performance reasons (gradle
68+
* // indexes the entire tree), add them here. Alternatively, if you have JS files in android/
69+
* // for example, you might want to remove it from here.
70+
* inputExcludes: ["android/**", "ios/**"],
71+
*
72+
* // override which node gets called and with what additional arguments
73+
* nodeExecutableAndArgs: ["node"],
74+
*
75+
* // supply additional arguments to the packager
76+
* extraPackagerArgs: []
77+
* ]
78+
*/
79+
80+
project.ext.react = [
81+
enableHermes: false, // clean and rebuild if changing
82+
]
83+
84+
apply from: "../../node_modules/react-native/react.gradle"
85+
86+
/**
87+
* Set this to true to create two separate APKs instead of one:
88+
* - An APK that only works on ARM devices
89+
* - An APK that only works on x86 devices
90+
* The advantage is the size of the APK is reduced by about 4MB.
91+
* Upload all the APKs to the Play Store and people will download
92+
* the correct one based on the CPU architecture of their device.
93+
*/
94+
def enableSeparateBuildPerCPUArchitecture = false
95+
96+
/**
97+
* Run Proguard to shrink the Java bytecode in release builds.
98+
*/
99+
def enableProguardInReleaseBuilds = false
100+
101+
/**
102+
* The preferred build flavor of JavaScriptCore.
103+
*
104+
* For example, to use the international variant, you can use:
105+
* `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
106+
*
107+
* The international variant includes ICU i18n library and necessary data
108+
* allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
109+
* give correct results when using with locales other than en-US. Note that
110+
* this variant is about 6MiB larger per architecture than default.
111+
*/
112+
def jscFlavor = 'org.webkit:android-jsc:+'
113+
114+
/**
115+
* Whether to enable the Hermes VM.
116+
*
117+
* This should be set on project.ext.react and mirrored here. If it is not set
118+
* on project.ext.react, JavaScript will not be compiled to Hermes Bytecode
119+
* and the benefits of using Hermes will therefore be sharply reduced.
120+
*/
121+
def enableHermes = project.ext.react.get("enableHermes", false);
122+
123+
android {
124+
compileSdkVersion rootProject.ext.compileSdkVersion
125+
126+
compileOptions {
127+
sourceCompatibility JavaVersion.VERSION_1_8
128+
targetCompatibility JavaVersion.VERSION_1_8
129+
}
130+
131+
defaultConfig {
132+
applicationId "com.awesomeproject"
133+
minSdkVersion rootProject.ext.minSdkVersion
134+
targetSdkVersion rootProject.ext.targetSdkVersion
135+
versionCode 1
136+
versionName "1.0"
137+
multiDexEnabled true
138+
}
139+
splits {
140+
abi {
141+
reset()
142+
enable enableSeparateBuildPerCPUArchitecture
143+
universalApk false // If true, also generate a universal APK
144+
include "armeabi-v7a", "x86", "arm64-v8a", "x86_64"
145+
}
146+
}
147+
signingConfigs {
148+
debug {
149+
storeFile file('debug.keystore')
150+
storePassword 'android'
151+
keyAlias 'androiddebugkey'
152+
keyPassword 'android'
153+
}
154+
}
155+
buildTypes {
156+
debug {
157+
signingConfig signingConfigs.debug
158+
}
159+
release {
160+
// Caution! In production, you need to generate your own keystore file.
161+
// see https://reactnative.dev/docs/signed-apk-android.
162+
signingConfig signingConfigs.debug
163+
minifyEnabled enableProguardInReleaseBuilds
164+
proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
165+
}
166+
}
167+
168+
// applicationVariants are e.g. debug, release
169+
applicationVariants.all { variant ->
170+
variant.outputs.each { output ->
171+
// For each separate APK per architecture, set a unique version code as described here:
172+
// https://developer.android.com/studio/build/configure-apk-splits.html
173+
def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4]
174+
def abi = output.getFilter(OutputFile.ABI)
175+
if (abi != null) { // null for the universal-debug, universal-release variants
176+
output.versionCodeOverride =
177+
versionCodes.get(abi) * 1048576 + defaultConfig.versionCode
178+
}
179+
180+
}
181+
}
182+
}
183+
184+
dependencies {
185+
implementation fileTree(dir: "libs", include: ["*.jar"])
186+
//noinspection GradleDynamicVersion
187+
implementation "com.facebook.react:react-native:+" // From node_modules
188+
189+
implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
190+
191+
debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
192+
exclude group:'com.facebook.fbjni'
193+
}
194+
195+
debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
196+
exclude group:'com.facebook.flipper'
197+
exclude group:'com.squareup.okhttp3', module:'okhttp'
198+
}
199+
200+
debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") {
201+
exclude group:'com.facebook.flipper'
202+
}
203+
204+
if (enableHermes) {
205+
def hermesPath = "../../node_modules/hermes-engine/android/";
206+
debugImplementation files(hermesPath + "hermes-debug.aar")
207+
releaseImplementation files(hermesPath + "hermes-release.aar")
208+
} else {
209+
implementation jscFlavor
210+
}
211+
}
212+
213+
// Run this once to be able to run the application with BUCK
214+
// puts all compile dependencies into folder libs for BUCK to use
215+
task copyDownloadableDepsToLibs(type: Copy) {
216+
from configurations.compile
217+
into 'libs'
218+
}
219+
220+
apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

example/android/app/build_defs.bzl

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
"""Helper definitions to glob .aar and .jar targets"""
2+
3+
def create_aar_targets(aarfiles):
4+
for aarfile in aarfiles:
5+
name = "aars__" + aarfile[aarfile.rindex("/") + 1:aarfile.rindex(".aar")]
6+
lib_deps.append(":" + name)
7+
android_prebuilt_aar(
8+
name = name,
9+
aar = aarfile,
10+
)
11+
12+
def create_jar_targets(jarfiles):
13+
for jarfile in jarfiles:
14+
name = "jars__" + jarfile[jarfile.rindex("/") + 1:jarfile.rindex(".jar")]
15+
lib_deps.append(":" + name)
16+
prebuilt_jar(
17+
name = name,
18+
binary_jar = jarfile,
19+
)

0 commit comments

Comments
 (0)