简介
react-native-android-drawables 是一个 React Native 中使用的 npm 包，其主要用于加载 Android 平台上的图片。使用该包可以让我们在 React Native 应用中自由使用 Android 平台自带的图片资源，从而提高应用的展示效果和用户体验。
安装
使用以下命令安装 react-native-android-drawables：
npm install react-native-android-drawables --save
使用
在 React Native 项目中导入模块：
import { NativeModules, Image } from "react-native";
const { RNAndroidDrawables } = NativeModules;然后就可以使用 RNAndroidDrawables 对象了。
加载图片
使用 Image 组件来加载 Android 平台上的图片资源。样例代码如下：
<Image style={{ width: 50, height: 50 }} source={{ uri: RNAndroidDrawables.getIcon("ic_launcher") }} />其中，getIcon 是 react-native-android-drawables 提供的一个方法，用于获取 Android 平台上的图片资源的 URI 地址。你可以使用该方法来获取任何你想要的 Android 平台中的图片资源。在上面的例子中，我们获取的是 Android 应用的启动图标。如果你是在使用自己的图片资源，那么只需要提供自己图片的名称就可以了。例如：
<Image style={{ width: 50, height: 50 }} source={{ uri: RNAndroidDrawables.getIcon("your_image_name") }} />获取图片名称列表
在有些情况下我们需要知道 Android 平台上已有的图片资源名称，以便于使用。react-native-android-drawables 提供了一个方法 getIconList 来获取 Android 平台上的图片资源名称列表。
RNAndroidDrawables.getIconList((icons) => {
console.log(icons);
});上面的代码表示获取所有 Android 平台上的图片资源名称列表，并将结果打印在控制台上。你可以将结果保存在一个数组中，方便你在后续的代码中使用。
总结
react-native-android-drawables 是一个非常方便的 npm 包，可以让我们在 React Native 应用中使用 Android 平台上的图片来提高应用的展示效果和用户体验。本篇文章中我们学习了如何安装和使用 react-native-android-drawables，通过实例的方式了解了其基本使用方法。希望本篇文章能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d4081e8991b448db0e6