Error in implementing custom native module for react native Android

Question

I am trying to develop native module in android for react native. Exactly followed the link at https://facebook.github.io/react-native/docs/native-modules-android.html#content

but it is giving me error

/ReactNativeJS: undefined is not an object (evaluating '_ToastAndroid2.default.show')

I have implemented ToastAndroid.js

'use strict';
/**
 * This exposes the native ToastAndroid module as a JS module. This has a
 * function 'show' which takes the following parameters:
 *
 * 1. String message: A string with the text to toast
 * 2. int duration: The duration of the toast. May be ToastAndroid.SHORT or
 *    ToastAndroid.LONG
 */
import { NativeModules } from 'react-native';
module.exports = NativeModules.ToastAndroid;

and then in other Jsfiles tried to import using

import ToastAndroid from './ToastAndroid';

Anuj Jindal · Accepted Answer · 2016-10-14 08:30:09Z

1

change the name of Module "ToastAndroid" because ToastAndroid module is already in react-native package.

answered Oct 14, 2016 at 8:30

Anuj Jindal

1,72915 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Satish Sojitra Over a year ago

I think it should not matter because namespace is different for ToastAndroid (react-native) where as here it's importing from custom module.

Satish Sojitra Over a year ago

@L.Learner, can you please share android side code?

Community · Accepted Answer · 2017-05-23 12:17:53Z

0

You are importing wrong. module.exports as the name implies exports your module to one of many exports that the file ToastAndroid.js can have. It's called a named export.

The correct import will therefore be import {ToastAndroid} from './ToastAndroid';

If you want to use import ToastAndroid from './ToastAndroid';

You should write export default NativeModules.ToastAndroid;

See this related answer for more information.

edited May 23, 2017 at 12:17

CommunityBot

11 silver badge

answered May 5, 2016 at 22:19

IdeasForAName

1263 bronze badges

Collectives™ on Stack Overflow

Error in implementing custom native module for react native Android

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related