Android 原生模块 (实现简单的Toast)

JAVA端

Toast Module它是一个Java类,继承了ReactContentBaseJavaModule类  实现JS所需的功能。从而使JS能够显示简短的吐司。

1、 在android/app/src/main/java/com/AppName/新建Toast文件夹,并文件夹中新建ToastModule.java文件。


image.png


ReactContentBaseJavaModule 要实现一个被调用的方法getName。它返回在JS中表示NativeModule的字符串名称。


要向JS暴露方法,需要使用@ReactMethod注释java方法React Native联系是异步的,因此将结果传递给JS的唯一方法是使用回调或发出事件(见下文)。

@ReactMethod 注释的方法支持以下参数类型,它们相对对应JS的参数类型

Boolean -> Bool 

Integer -> Number 

Double -> Number

Float -> Number 

String -> String 

Callback -> function 

ReadableMap -> Object 

ReadableArray -> Array


2、注册模块

在Toast文件夹中创建ToastPackage.java文件。

使用以下内容创建一个新的JAVA类

image.png

在MainApplication文件中注册

image.png

image.png文件结构


JS端

image.png

NativeModules.(getName返回的字符串名称)


引用

image.png

image.png

image.png

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容