diff --git a/packages/create-react-native-library/src/template.ts b/packages/create-react-native-library/src/template.ts index dd7507a12..946784e94 100644 --- a/packages/create-react-native-library/src/template.ts +++ b/packages/create-react-native-library/src/template.ts @@ -104,7 +104,9 @@ export function generateTemplateConfiguration({ const { slug, languages, type } = answers; const arch = - type === 'legacy-module' || type === 'legacy-view' ? 'legacy' : 'new'; + type === 'legacy-module' || type === 'legacy-view' || type === 'library' + ? 'legacy' + : 'new'; const project = slug.replace(/^(react-native-|@[^/]+\/)/, ''); let namespace: string | undefined; diff --git a/packages/create-react-native-library/templates/example-module-legacy/example/src/App.tsx b/packages/create-react-native-library/templates/example-module-legacy/example/src/App.tsx index cbf4dc6c7..05c7d3ad5 100644 --- a/packages/create-react-native-library/templates/example-module-legacy/example/src/App.tsx +++ b/packages/create-react-native-library/templates/example-module-legacy/example/src/App.tsx @@ -1,6 +1,7 @@ -import { useState, useEffect } from 'react'; -import { Text, View, StyleSheet } from 'react-native'; import { multiply } from '<%- project.slug -%>'; +import { Text, View, StyleSheet } from 'react-native'; +<% if (project.native) { -%> +import { useState, useEffect } from 'react'; export default function App() { const [result, setResult] = useState(); @@ -9,6 +10,12 @@ export default function App() { multiply(3, 7).then(setResult); }, []); +<% } else { -%> + +const result = multiply(3, 7); + +export default function App() { +<% } -%> return ( Result: {result}