Skip to content

Latest commit

 

History

History

README.md

Example of using Builder.io with React Native (beta)

About

This is an early preview of our Builder.io SDK for React native. See [page].jsx for usage. The visual editing is powered by react-native-web. This example uses Expo, but Expo is not required for using Builder.io with React Native

Getting Started

git clone https://github.com/BuilderIO/builder.git cd examples/react-native npm install npm run web

Check out this short video recording on how to get started: https://www.loom.com/share/afd7c9a1f8f148959ea0396be42560fd

For text instructions:

  • log into builder.io
  • copy your API key and paste it into BUILDER_API_KEY in [page].jsx
  • open the Visual Editor for the model named "page" (or change [page].jsx to be model="your-model-name")
  • enter http://localhost:19006 in the URL bar to the top right of the preview in Builder
  • drag a component into the layers tab, and it will appear in the Editor!

Example of where to enter your localhost URL

Status

For the status of the SDK, look at these tables.

Todo

  • Hooks for handling links clicked
  • Support more built-in components (forms, etc)
  • Support responsive styles
  • Support data bindings