Skip to main content

React Native Logo Collection

React Pakistan​

React Pakistan is a Free & OpenSource Software (FOSS) platform, creating React software solutions for the global community.

React Native Logo Collection​

A generic, SVG Logo library for React Native apps, following modern approach by building your project's UI in isolation using state of the art Storybook along with React.

Install​

Add React Native Logo Collection to your project:

yarn add @react-pakistan/react-native-logo-collection or npm install @react-pakistan/react-native-logo-collection

Add React Native Icon Collection base theme to your project.

yarn add @react-pakistan/util-react-nativefunctions or npm install @react-pakistan/util-react-native-functions

Styles​

Styled Components are employed to maintain and update theme for this project. Please consider adding Styled Component Provider wrapper to the entry point of your application, following is the sample code. You could either use the default theme as shown below or wire your custom theme object instead.

  import { ThemeProvider } from 'styled-components';
  import { theme } from '@react-pakistan/util-react-native-functions';

  <ThemeProvider theme={theme}>
    <App />
  </ThemeProvider>

Use​

  • BitcoinColor22​

  import { BitcoinColor22 } from '@react-pakistan/react-native-logo-collection/bitcoin-color';

  <BitcoinColor22
    fontSize="32px"
    color="#2E2E2E"
  />