# devmaker-rn-sdk

> UI library and Helpers by DevMaker Mobile Apps

Latest version **1.0.0** (published 2020-04-21) · ISC license · 0 weekly downloads

## Install

```sh
npm install devmaker-rn-sdk
pnpm add devmaker-rn-sdk
yarn add devmaker-rn-sdk
bun add devmaker-rn-sdk
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2020-04-21 |
| First published | 2020-04-21 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 6.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Rudiney Francheschi |
| Maintainers | rudiaf |
| Keywords | react-native |

## Links

- npm: https://www.npmjs.com/package/devmaker-rn-sdk
- Repository: https://github.com/DevMakerMobileApps/rn-sdk
- Homepage: https://github.com/DevMakerMobileApps/rn-sdk#readme
- Issues: https://github.com/DevMakerMobileApps/rn-sdk/issues
- npm.io page: https://npm.io/package/devmaker-rn-sdk

## Dependencies (1)

- [react-native-elements](https://npm.io/package/react-native-elements.md) ^1.2.7

## Recent versions

- 1.0.0 (latest) — 2020-04-21

## README

# Devmaker React Native SDK

Bring some of the handfullness of [Bootstrap](https://getbootstrap.com)'s helpers to React Native

## 👀

- https://github.com/facebook/react-native/blob/master/RNTester/js/examples/PlatformColor/PlatformColorExample.js
- https://reactnativejobs.com/blog/react-native-pressable-platformcolor-dynamiccolor/?utm_campaign=React%2BNative%2BNow&utm_medium=web&utm_source=React_Native_Now_63

## Setup:

1. `yarn add devmaker-rn-sdk` ???

### Theme:

1.  Follow this even if you if will not change any theme settings.
1.  Create a `constants/Theme.js`

    ```js
    import { DefaultTheme } from "devmaker-rn-sdk";

    export default {
      ...DefaultTheme,
      colors: {
        ...DefaultTheme.colors,
        primary: "green",
      }
    };
    ```

    - see all theme variables here: [src/Theme.js](./src/Theme.js)

1.  Wrap you app with [ReactNativeElements's ThemeProvider](https://react-native-elements.github.io/react-native-elements/docs/customization.html#using-themeprovider)

    in `App.js`:

    ```js
    import Theme from './constants/Theme.js';

    const MyApp = () => {
      return (
        <ThemeProvider theme={Theme}>
          <[YOURAPP] />
        </ThemeProvider>
      );
    };
    ```

### Custom Fonts:

- TODO

## View

- **Row**
- `f1` ... `f12`

## Buttom

- `primary`
- `secondary`
- `success`
- `danger`
- `warning`
- `info`
- `light`
- `dark`
- `link`

---
_Source: https://npm.io/package/devmaker-rn-sdk · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._