aws-amplify / aws-amplify/amplify-studio

Importing AWS Amplify UI components in a React Native project

Open
#588 7 comments 5 reactions 0 assignees View on GitHub
feature-request studio-ui
Dominant language
No language data
Stars
135
Forks
32
PR merge metrics
No merged PRs in 30d

Description

**Which Specific Feature is your question related to?**

AWS Amplify UI builder

**Provide additional details e.g. code snippets**

This is my first time using AWS Amplify, and I set up a React Native project with Expo. I have a Figma design file with all my components, and I synced them with the project. When I use:

```import { MyComponent } from "./ui-components";```

after running ```amplify pull```,

It's giving me an error stating that it's not a valid import.

Is there currently a way to use Amplify UI components in React Native apps? If so, how would I go about importing these. I have ```aws-amplify-react-native``` installed already.

Contributor guide

Open the contributing guide

Research direction

Start by checking whether Amplify UI Builder's synced generated components support React Native and Expo, and whether aws-amplify-react-native documents an import path. Confirm the supported platform and expected import behavior, then document the supported steps or the limitation for React Native projects.

Written by the indexing model from the issue text.

Assessment

Tech stack
aws, react-native
Domain
mobile
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.