react-native之module的使用

最新推荐文章于 2024-09-09 08:48:41 发布

WYQ_XQ

最新推荐文章于 2024-09-09 08:48:41 发布

阅读量9.9k

点赞数 1

分类专栏： react-native 文章标签： Android toast react-native 自定义module

本文链接：https://blog.youkuaiyun.com/u014041033/article/details/50610873

版权

本文档介绍了如何在React-Native项目中创建一个自定义模块ToastM，用于实现类似Toast的功能。首先，通过新建一个继承自ReactContextBaseJavaModule的类ToastM，并在MainActivity中注册该模块。接着，在JS端，创建一个名为toast.js的文件来调用这个自定义模块，从而在项目中使用自定义的Toast功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现自定义Toast模块->ToastM（ToastModule在组件中已经存在了不能重名因此起名ToastM）

1：新建一个react-native项目，将Android部分导入到Androidstudio中

2：新建一个类 ToastM 继承ReacContextBaseJavaModule

代码如下：

package com.wyq;

import android.util.Log;
import android.widget.Toast;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;
import java.util.HashMap;
import java.util.Map;

import javax.annotation.Nullable;

/**
 * Created by wyq on 2016/1/21.
 */
public class ToastM extends ReactContextBaseJavaModule {

    private static final String TAG = "ToastM";
    private static final String SHORT = "SHORT";
    private static final String LONG = "LONG";

    public ToastM(ReactApplicationContext reactContext) {
        super(reactContext);
    }

    @Override
    publ