点开app
目录下的build.gradle
大致如下
// 声明是Android应用程序还是库模块
apply plugin: ‘com.android.application’
android {
// 用于指定项目的编译SDK版本
compileSdkVersion 29
// 指定项目构建工具的版本
buildToolsVersion “29.0.2”
defaultConfig {
// 应用程序包名
applicationId “com.example.creditsystem”
// 最小 sdk 版本
minSdkVersion 15
// 目标 sdk 版本
targetSdkVersion 29
// 版本号
versionCode 1
// 版本名
versionName “1.0”
testInstrumentationRunner “androidx.test.runner.AndroidJUnitRunner”
}
// 指定生成安装文件的配置
buildTypes {
release {
// 是否对代码进行混淆
minifyEnabled false
proguardFiles getDefaultProguardFile(‘proguard-android-optimize.txt’), ‘proguard-rules.pro’
}
}
}
// 指定当前项目的所有依赖关系:本地依赖、库依赖、远程依赖
dependencies {
// 本地依赖:可以对本地Jar包或目录添加依赖关系
implementation fileTree(dir: ‘libs’, include: [‘*.jar’])
implementation ‘androidx.appcompat:appcompat:1.1.0’
implementation ‘androidx.constraintlayout:constraintlayout:1.1.3’
testImplementation ‘junit:junit:4.12’
androidTestImplementation ‘androidx.test🏃1.2.0’
androidTestImplementation ‘androidx.test.espresso:espresso-core:3.2.0’
}
可以理解为:根目录下
build.gradle
的repositories
是用来声明依赖了哪些远程库,app目录下的build.gradle
的dependencies
是用来声明具体使用了哪些代码库,在Sycn🐘的时候会从远程库中遍历查找并下载依赖的代码库。
使用nexus搭建maven私服
- 下载nexus
brew install nexus
注意: nexus有可能已经被墙了,需要在命令行配置代理才能下载成功。
- 运行nexus
brew services start nexus
- 在浏览器中输入nexus管理地址为
127.0.0.1:8081/nexus
- 点击右上角登录按钮,默认管理员帐号密码分别为
admin
和admin123
- 关闭nexus
brew services stop nexus
上传到maven私库
如图选中Repositories
点击Add按钮
填写 Repository ID 和 Repository Name
- 选中Artifact Upload
- GAV Definition 选择 From POM
- 点击 select POM 上传POM文件
选择
/node_modules/react-native/android/com/facebook/react/react-native/0.54.0
路径下的 react-native-0.54.0.pom
选择 Select Artifact(s)Upload
选择 /node_modules/react-native/android/com/facebook/react/react-native/0.54.0
路径下的 react-native-0.54.0.aar
- 点击add Artifact 会发现aar出现在Artifacts列表中
- 点击 Upload Artifact就完成上传了。
- 点击 Browse Index
- 点击刷新会看到有com文件夹
- 回到项目区 找到我们创建的项目
- 点击项目右侧的仓库地址
- 依次往下级目录点击直到最里面的目录下
- 查看aar和pom文件是否存在,都存在说明上传成功了。
测试我们上传的RN环境库
在根目录下的 build.gradle
中添加我的私有maven库的地址,app中的build.gradle
无需修改。
allprojects {
repositories {
maven{ url’http://maven.aliyun.com/nexus/content/repositories/google’}
maven{ url’http://maven.aliyun.com/nexus/content/repositories/jcenter’}
maven{ url’http://127.0.0.1:8081/nexus/content/repositories/RNEnvironment_0.54.0/‘}
maven{ url’http://127.0.0.1:8081/nexus/content/repositories/RNCreditSystem/’}
// 将本地的maven库注释
// mavenLocal()
// maven {
// // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
// url “$rootDir/…/node_modules/react-native/android”
// }
}
}
然后点击🐘同步一下,点击运行,如果一切OK说明替换成功。
将RN代码打包
- 在
./android/app/src/main
路径下创建 assets 文件夹。 - 执行命令
react-native bundle --entry-file index.js --platform android --dev false --bundle-output ./android/app/src/main/assets/index.android.bundle --assets-dest ./android/app/src/main/res/
–entry-file: ios 或者 android 入口的 js 名称,比如 index.ios.js index.ios.js 在高版本0.48之后已经统一变成 index.js 了.
–platform: 平台名称( ios 或者 android )
–dev: 设置为 false 的时候将会对 JavaScript 代码进行优化处理
–bundle-output: 生成的 jsbundle 文件的名称,比如 ./ios/bundle/index.ios.jsbundle
–assets-dest: 图片以及其他资源存放的目录,比如 ./ios/bundle
- 在
../android/app/src/main/assets
地址里你会看到index.android.bundle
文件,这个bundle就是我们RN离线包
使用Maven管理RN组件代码
- 打开安卓项目,在
app
的同级新建一个module
操作:
File -> New -> New Module -> Android Libraey -> 填写名字 rnmodule
- 在
rnmodule
中创建一个RNMainActivity
来加载RN,
操作:双指击
rnmodule
然后New -> Activety -> Empty Activety -> 填写名字 RNMainActivity
- 我的
RNMainActivity
代码如下:
// 这里是为了导入 rnmodule 这个包
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import com.facebook.react.ReactInstanceManager;
import com.facebook.react.ReactRootView;
import com.facebook.react.common.LifecycleState;
import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
import com.facebook.react.shell.MainReactPackage;
public class RNMainActivity extends AppCompatActivity implements DefaultHardwareBackBtnHandler {
private ReactRootView mReactRootView;
private ReactInstanceManager mReactInstanceManager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mReactRootView = new ReactRootView(this);
mReactInstanceManager = ReactInstanceManager.builder()
.setApplication(getApplication())
.setBundleAssetName(“index.android.bundle”)
.setJSMainModulePath(“index”)
.addPackage(new MainReactPackage())
.setUseDeveloperSupport(BuildConfig.DEBUG)
.setInitialLifecycleState(LifecycleState.RESUMED)
.build();
// 注意这里的MyReactNativeApp必须对应“index.js”中的
// “AppRegistry.registerComponent()”的第一个参数
mReactRootView.startReactApplication(mReactInstanceManager, “creditSystem”, null);
setContentView(mReactRootView);
}
@Override
public void invokeDefaultOnBackPressed() {
super.onBackPressed();
}
}
- 在主工程
app
中的MainActivity
中调用RNMainActivity
,添加一个按钮点击跳转RN页面,代码如下:
MainActivity
位置src -> main -> java -> com.example.creditSystem -> MainActivity
package com.example.creditsystem;
import androidx.appcompat.app.AppCompatActivity;
import android.widget.Button;
import android.view.View;
import android.os.Bundle;
import android.content.Intent;
// 引用我们新建rnmodule中加载RN的 RNMainActivity
import com.example.rnmodule.RNMainActivity;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button mButton = (Button)findViewById(R.id.button);
mButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Intent intent = new Intent();
intent.setClass(view.getContext(), RNMainActivity.class);//指明要跳转的Activity类
startActivity(intent);
}
});
}
最后
代码真的是重质不重量,质量高的代码,是当前代码界提倡的,当然写出高质量的代码肯定需要一个相当高的专业素养,这需要在日常的代码书写中逐渐去吸收掌握,谁不是每天都在学习呀,目的还不是为了一个,为实现某个功能写出高质量的代码。
所以,长征路还长,大家还是好好地做个务实的程序员吧。
最后,小编这里有一系列Android提升学习资料,有兴趣的小伙伴们可以来看下哦~
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
升学习资料,有兴趣的小伙伴们可以来看下哦~
网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。
一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!