开源：ReactNative设置应用角标库

在React Native中设置应用角标可以通过原生模块来实现。以下是一个简单的例子，展示了如何创建一个原生模块来设置iOS应用角标，并在React Native中使用它。

首先，在iOS项目中创建一个原生模块。

1. 在Xcode中，右键点击项目中的Libraries文件夹，选择Add File to "YourProjectName"，然后选择New File...。
2. 在弹出的窗口中，选择Header File，命名为RNBadgeModule.h。
3. 同样地，创建一个实现文件RNBadgeModule.m。

在RNBadgeModule.h中，添加以下代码：

#import <React/RCTBridgeModule.h>
#import <UIKit/UIKit.h>
 
@interface RNBadgeModule : NSObject <RCTBridgeModule>
@end

在RNBadgeModule.m中，添加以下代码：

#import "RNBadgeModule.h"
 
@implementation RNBadgeModule
 
RCT_EXPORT_MODULE();
 
RCT_EXPORT_METHOD(setBadgeNumber:(nonnull NSNumber *)badgeNumber) {
    [UIApplication sharedApplication].applicationIconBadgeNumber = badgeNumber.integerValue;
}
 
@end

然后，在React Native项目中，创建一个JavaScript模块以与原生模块通信：

// BadgeModule.js
import { NativeModules } from 'react-native';
 
const BadgeModule = NativeModules.RNBadgeModule;
 
export default {
  setBadgeNumber: (badgeNumber) => {
    BadgeModule.setBadgeNumber(badgeNumber);
  },
};

最后，在React Native组件中使用这个模块：

// 在某个组件中
import BadgeModule from './BadgeModule';
 
BadgeModule.setBadgeNumber(5); // 设置应用角标为5

确保在ios/[YourProjectName]/AppDelegate.m文件中或通过其他方式正确初始化了React Native，并确保在info.plist中添加了必要的权限请求（如果需要的话）。

这个例子提供了一个简单的方法来设置iOS应用角标。对于Android，你需要一个类似的原生模块，但是使用了Android特有的代码来实现角标的设置。由于Android的角标设置方法可能有所不同，你可能需要查看相关的Android文档来找到正确的实现方式。