fix: Native dependencies and babel plugins resolution issues

template/babel.config.cjs

@@ -1,5 +1,5 @@
 /**
- * This babel config is used by Jest.
+ * Modify this babel config file when you need to add a new plugin.
  */
 const path = require('path');
 

template/example/bare/babel.config.js

@@ -1,3 +1,7 @@
+/**
+ * Don't edit this file directly if you don't have to.
+ * Modify the babel config file in the project root directory.
+ */
 const path = require('path');
 
 const rootDir = path.resolve(__dirname, '../..');
@@ -9,6 +13,7 @@ const appPkg = require(path.join(appDir, 'package.json'));
 module.exports = function (api) {
   api.cache(true);
   return {
+    extends: path.join(rootDir, 'babel.config.cjs'),
     presets: ['module:metro-react-native-babel-preset'],
     plugins: [
       [

template/example/bare/react-native.config.js

@@ -1,13 +1,25 @@
 /**
  * This file is required to properly resolve native dependencies
- * listed in the example/app package.json on Android.
  */
 const path = require('path');
-const appPackageJSON = require('../app/package.json');
+
+const rootDir = path.resolve(__dirname, '../..');
+const rootPkg = require(path.join(rootDir, 'package.json'));
+
+const appDir = path.resolve(__dirname, '../app');
+const appPkg = require(path.resolve(appDir, 'package.json'));
 
 let dependencies = {};
 
-Object.keys(appPackageJSON.dependencies).forEach(dep => {
+[
+  // Include library dependencies that will normally be installed with
+  // the library (dependencies in the top-level package.json)
+  ...Object.keys(rootPkg.dependencies || {}),
+  // Include example app dependencies that will be normally available
+  // (both dependencies and devDependencies in the example app's package.json)
+  ...Object.keys(appPkg.devDependencies || {}),
+  ...Object.keys(appPkg.dependencies || {})
+].forEach(dep => {
   dependencies[dep] = {
     root: path.resolve(__dirname, `../../node_modules/${dep}`)
   };

template/example/expo/babel.config.js

@@ -1,3 +1,7 @@
+/**
+ * Don't edit this file directly if you don't have to.
+ * Modify the babel config file in the project root directory.
+ */
 const path = require('path');
 
 const rootDir = path.resolve(__dirname, '../..');
@@ -9,6 +13,7 @@ const appPkg = require(path.join(appDir, 'package.json'));
 module.exports = function (api) {
   api.cache(true);
   return {
+    extends: path.join(rootDir, 'babel.config.cjs'),
     presets: ['babel-preset-expo'],
     plugins: [
       [