How to do it...

  1. In Android Studio, open the Android portion of the React Native app. First, we'll need to edit content_main.xml.
  2. We'll only need a very simple layout for this app. You can edit the file by pressing the Text tab on the bottom to open the source editor and add/replace the following nodes:
<TextView android: layout_width = "wrap_content"android: layout_height = "wrap_content"android: text = "Press the Mail Icon to start the React Native application"android: id = "@+id/textView" /><FrameLayout android: layout_width = "match_parent"android: layout_height = "300dp"android: layout_centerVertical = "true"android: layout_alignParentStart = "true"android: id = "@+id/reactnativeembed"android: background = "#FFF" ></FrameLayout><LinearLayout ...

Get React Native Cookbook - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.