LoginRefComponent.js

import {
  Composition,
  ViewRef,
  TextRef,
  TextInputRef,
  ButtonRef
} from '@youi/react-native-youi';

export default class Login React.Component {
  render() {
    return (
      <Composition source="Login_Main">
        <TextRef name="Title" text="Your Cool Brand" />
        <ViewRef name="InputsContainer">
          <TextInputRef name="UsernameInput" />
          <TextInputRef name="PasswordInput" />
        </ViewRef>
        <ViewRef name="ButtonsContainer">
          <ButtonRef name="LogInBtn" />
          <ButtonRef name="ForgotPasswordBtn" />
        </ViewRef>
      </Composition>
    )
  }
}