@johnnybossboy/template-react-native
v1.0.64
Published
A template with resusable components for a new React Native project
Downloads
14
Readme
When this package is installed, create configProject.tsx and append the follow example code:
import { styleVariablesDefaultTemplate, configVariablesDefaultTemplate, configFirebaseDefaultTemplate } from "@johnnybossboy/template-react-native";
export const styleVariables = { ...styleVariablesDefaultTemplate, // own styles };
export const configVariables = { ...configVariablesDefaultTemplate, // own config properties };
export const configFirebase = { ...configFirebaseDefaultTemplate, apiKey: 'YOUR_API_KEY', authDomain: 'YOUR_AUTH_DOMAIN', databaseURL: 'YOUR_DB_URL', projectId: 'YOUR_PROJECT_ID', storageBucket: 'YOUR_STORAGE_BUCKET', messagingSenderId: 'YOUR_MESSAGE_Sender', appId: 'YOUR_APP_ID', measurementId: 'YOUR_MEASUREMENT_ID' };
// When using a custom font: // Create a 'react-native.config.js file inside your project folder with the following content:
module.exports = { project: { ios: {}, android: {} }, assets: ['./assets/fonts/'] };
// You have to place the TTF files of the fonts in the assets/font folder. // Then run npx react-native-asset
When this package is installed, create configProject.tsx and append the follow example code:
import { styleVariablesDefaultTemplate, configVariablesDefaultTemplate, configFirebaseDefaultTemplate } from "@johnnybossboy/template-react";
export const styleVariables = { ...styleVariablesDefaultTemplate, // own styles };
export const configVariables = { ...configVariablesDefaultTemplate, // own config properties };
export const configFirebase = { ...configFirebaseDefaultTemplate, apiKey: 'YOUR_API_KEY', authDomain: 'YOUR_AUTH_DOMAIN', databaseURL: 'YOUR_DB_URL', projectId: 'YOUR_PROJECT_ID', storageBucket: 'YOUR_STORAGE_BUCKET', messagingSenderId: 'YOUR_MESSAGE_Sender', appId: 'YOUR_APP_ID', measurementId: 'YOUR_MEASUREMENT_ID' };