react-native 跳转到ios/android 权限设置界面
目录
- ios
android
- 1、在android/app/src/main/java/com/文件夹下创建opensettings文件夹
- 2、在opensettings文件夹下创建模块文件OpenSettingsModule.java(模块功能)
- 3、在opensettings文件夹下创建包文件OpenSettingsPackage.java(注册模块OpenSettingsModule)
- 4、把包提供到MainApplication.java文件的getPackages方法中:
- 5、准备工作完成,接下来调用:
使用react-native中Linking
import { Linking } from 'react-native';Linking.openURL('app-settings:')
.catch((err) => console.log('error', err));
android
1、在android/app/src/main/java/com/<projectname>
文件夹下创建opensettings文件夹
2、在opensettings文件夹下创建模块文件OpenSettingsModule.java
(模块功能)
package com.<projectname>.opensettings; // 记得把<projectname>改为你的项目名称import android.app.Activity;
import android.content.Intent;
import com.facebook.react.bridge.Callback;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactMethod;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
public class OpenSettingsModule extends ReactContextBaseJavaModule {
@Override
public String getName() {
/**
* return the string name of the NativeModule which represents this class in JavaScript
* In JS access this module through React.NativeModules.OpenSettings
*/
return "OpenSettings";
}
@ReactMethod
public void openNetworkSettings(Callback cb) {
Activity currentActivity = getCurrentActivity();
if (currentActivity == null) {
cb.invoke(false);
return;
}
try {
currentActivity.startActivity(new Intent(android.provider.Settings.ACTION_SETTINGS));
cb.invoke(true);
} catch (Exception e) {
cb.invoke(e.getMessage());
}
}
/* constructor */
public OpenSettingsModule(ReactApplicationContext reactContext) {
super(reactContext);
}
}
上面的模块功能可以通过调用openNetworkSettings函数打开android设置。
3、在opensettings文件夹下创建包文件OpenSettingsPackage.java
(注册模块OpenSettingsModule)
package com.<projectname>.opensettings; // 记得把<projectname>改为你的项目名称import com.facebook.react.ReactPackage;
import com.facebook.react.bridge.JavaScriptModule;
import com.facebook.react.bridge.NativeModule;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.uimanager.ViewManager;
import java.util.ArrayList;
import java.util.Collections;
import java.util.List;
public class OpenSettingsPackage implements ReactPackage {
@Override
public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
List<NativeModule> modules = new ArrayList<>();
modules.add(new OpenSettingsModule(reactContext));
return modules;
}
// @Override
// public List<<Class>? extends JavaScriptModule> createJSModules() {
// return Collections.emptyList();
// }
@Override
public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
return Collections.emptyList();
}
}
4、把包提供到MainApplication.java
文件的getPackages方法
中:
import com.<projectname>.opensettings.*; // 还是要修改成自己项目名...
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
...
new OpenSettingsPackage() /* <---- add here */
);
}
5、准备工作完成,接下来调用:
import { NativeModules } from 'react-native'NativeModules.OpenSettings.openNetworkSettings((data) => {
console.log('call back data', data);
});
以上是 react-native 跳转到ios/android 权限设置界面 的全部内容, 来源链接: utcz.com/z/381306.html