Create Next App

App.tsx

rnu.config.ts

import React from 'react';
import { Text, View } from 'react-native-ustyle';

export default function App() {
  return (
    <View bg="yellow" p={20} mx={20}>
      <Text c="blue">Open up App.js to start working on your app!</Text>
    </View>
  );
}

import React from 'react';
import { Text, View } from 'react-native-ustyle';

export default function App() {
  return (
    <View bg="yellow" p={20} mx={20}>
      <Text c="blue">Open up App.js to start working on your app!</Text>
    </View>
  );
}

import React from 'react';
import { Text, View } from "react-native";
export default function App() {
  return <View bg="yellow" p={20} mx={20} style={[rnuStyles.styles0]}>
      <Text c="blue" style={[rnuStyles.styles1]}>Open up App.js to start working on your app!</Text>
    </View>;
}
const rnuStyles = {
  styles0: {
    backgroundColor: "yellow",
    padding: 20,
    marginHorizontal: 20
  },
  styles1: {
    color: "blue"
  }
};

import React from 'react';
import { Text, View } from "react-native";
export default function App() {
  return <View bg="yellow" p={20} mx={20} style={[rnuStyles.styles0]}>
      <Text c="blue" style={[rnuStyles.styles1]}>Open up App.js to start working on your app!</Text>
    </View>;
}
const rnuStyles = {
  styles0: {
    backgroundColor: "yellow",
    padding: 20,
    marginHorizontal: 20
  },
  styles1: {
    color: "blue"
  }
};