@dormakaba/digital-reactnative-visual

This module provides basic components aligned with the dormakaba styleguide. In addition there are a few view components which includes extended animations like login, list and detail view.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@dormakaba/digital-reactnative-visual
2.0.24 years ago5 years agoMinified + gzip package size for @dormakaba/digital-reactnative-visual in KB

Readme

introduction
This module provides basic components aligned with the dormakaba styleguide. In addition there are a few view components which includes extended animations like login, list and detail view.


Find detailed documentation here: https://dormakaba-digital.gitbook.io/reactnative-visual/
start
npm start
npm run ios
create dormakaba icons
Download latest icons from https://design.dormakaba.com
Place the needed files in ./assets/css and ./assets/fonts
  • dormakabaIcons.css
  • dormakabaIcons.ttf

Then run:
./node_modules/.bin/generate-icon ../digital-reactnative-visual/assets/css/dormakabaIcons.css --componentName=DokaIcon --fontFamily=dormakabaIcons --p .ico- > ./DokaIcon_new.js

copy the glyphmap from ./DokaIcon_new.js to ./js/DokaIcon.js
make sure to export the glyphmap so it can be imported by the all icons story ./js/atoms/Icon.stories.js
run on device

ios

a) set host in /storybook/storybook.js
const StorybookUI = getStorybookUI({ port: 7007, onDeviceUI: false, host: '169.254.243.196' });
b) start from xcode (being on same network as device)

android

// check device connected adb devices
// bridge ports adb reverse tcp:8081 tcp:8081 adb reverse tcp:7007 tcp:7007
// start npm run android
upgrade
rename project to digital_rn_visual and move react-native to dependencies in package.json.
run react-native-git-upgrade in console an pray.
reverse renaming and dependency move in package.json.