Pass java variables from javacode to javascript code in react-native

Question

I want to pass and display the image and text received through Intents in MainActivity.java file in android code into my JavaScript file in react-native.

Here is the code to get data through intents in my MainActivity.java file code

@Override
  protected void onCreate(Bundle savedInstanceState) {
        Intent intent = getIntent();
        String action = intent.getAction();
        String type = intent.getType();

        if (Intent.ACTION_SEND.equals(action) && type != null) {
            if ("text/plain".equals(type)) {
                handleSendText(intent); 
            } else if (type.startsWith("image/")) {
                setContentView(R.layout.activity_main);
                imageView = (ImageView) findViewById(R.id.sentImage);
                handleSendImage(intent);
            } 
        }else {
            // Handle other intents, such as being started from the home screen
        }
    }


  void handleSendText(Intent intent) {
          String sharedText = intent.getStringExtra(Intent.EXTRA_TEXT);
           if (sharedText != null) {
             AlertDialog.Builder builder = new AlertDialog.Builder(context);
             builder.setMessage(sharedText);
             AlertDialog alertDialog = builder.create();
             alertDialog.show();
           }
   }

   void handleSendImage(Intent intent) {
        Uri imageUri = (Uri) intent.getParcelableExtra(Intent.EXTRA_STREAM);
          if (imageUri != null) {
            imageView.setImageURI(imageUri);
          }else{

          }
    }

Please indent your code better. My eyes are bleeding...

Kalle Richter
– Kalle Richter

2018-05-08 08:37:03 +00:00
Commented May 8, 2018 at 8:37 — Kalle Richter
– Kalle Richter, Commented May 8, 2018 at 8:37

Ayush Bansal · Accepted Answer · 2018-05-08 09:11:22Z

1

Try this

import com.facebook.react.bridge.Callback;


// a callback is used to provide the function call result to JavaScript.

@ReactMethod
public void getImageNText(Callback successCallback,Callback errorCallback)

{
try{

  //Do your stuff here 
  // let say result of text is storedin respText and image in respImg
  // to send it to Javascript side 
  successCallback.invoke(respText,respImg);
 }catch(Exception e){
  errorCallback.invoke(e.getMessage());
}



}

Now to read it on javascript side

"YourModuleName".getImageNText(

(text,image) => {/*successCallback*/
// do your stuff with image and 
},
(error) => {// handle error} ///*errorCallback*/
);

Also give this a read for better understanding

answered May 8, 2018 at 9:11

Ayush Bansal

7201 gold badge7 silver badges17 bronze badges

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

3 Comments

Anu Over a year ago

What exactly we have to add at the place of "YourModuleName"?

Ayush Bansal Over a year ago

@anu facebook.github.io/react-native/docs/…. Once read this

Ayush Bansal Over a year ago

@anu was this helpful ??

Collectives™ on Stack Overflow

Pass java variables from javacode to javascript code in react-native

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related