Combine native and native-view into native-common

packages/create-react-native-library/src/index.ts

@@ -16,16 +16,10 @@ const JS_FILES = path.resolve(__dirname, '../templates/js-library');
 const EXPO_FILES = path.resolve(__dirname, '../templates/expo-library');
 const CPP_FILES = path.resolve(__dirname, '../templates/cpp-library');
 const EXAMPLE_FILES = path.resolve(__dirname, '../templates/example');
-
-// Common native library template files
-const NATIVE_FILES = (moduleType: ModuleType) => {
-  switch (moduleType) {
-    case 'module':
-      return path.resolve(__dirname, '../templates/native-library');
-    case 'view':
-      return path.resolve(__dirname, '../templates/native-view-library');
-  }
-};
+const NATIVE_COMMON_FILES = path.resolve(
+  __dirname,
+  '../templates/native-common'
+);
 
 // Java
 const JAVA_FILES = (moduleType: ModuleType) => {
@@ -442,7 +436,7 @@ async function create(argv: yargs.Arguments<any>) {
       path.join(folder, 'example')
     );
 
-    await copyDir(NATIVE_FILES(moduleType), folder);
+    await copyDir(NATIVE_COMMON_FILES, folder);
 
     if (options.project.cpp) {
       await copyDir(CPP_FILES, folder);

packages/create-react-native-library/templates/native-common/src/index.tsx

@@ -0,0 +1,24 @@
+<% if (project.moduleType === "view") { -%>
+import { requireNativeComponent, ViewStyle } from 'react-native';
+
+type <%- project.name %>Props = {
+  color: string;
+  style: ViewStyle;
+};
+
+export const <%- project.name %>ViewManager = requireNativeComponent<<%- project.name %>Props>(
+'<%- project.name %>View'
+);
+
+export default <%- project.name %>ViewManager;
+<% } else { -%>
+import { NativeModules } from 'react-native';
+
+type <%- project.name %>Type = {
+  multiply(a: number, b: number): Promise<number>;
+};
+
+const { <%- project.name %> } = NativeModules;
+
+export default <%- project.name %> as <%- project.name %>Type;
+<% } -%>