React Native USIT UI

React Native components created by USIT (University Center for Information Technology) - University in Oslo

Getting Started

$ yarn add react-native-usit-ui

Installing Vector Icons

Linking is no longer necessary as of RN >= 0.60

These components depends on react-native-vector-icons, so make sure to run:

$ yarn add react-native-vector-icons
$ react-native link react-native-vector-icons

or follow the official instructions.

Installing react-native-svg

Linking is no longer necessary as of RN >= 0.60

$ yarn add react-native-svg
$ react-native link react-native-svg

or follow the official instructions

Please notice that the correct react-native-svg version has to correspond to the react-native and react version used in your project.

Testing react-native-usit-ui locally

react-native-usit-ui can be developed locally by removing any local node_modules from this repo, and installing only production dependencies using

yarn --production

Using the local version in an app can be done by adding the local repo as a file dependency (linking does not work properly with Metro). Example where react-native-usit-ui is in the parent directory.

yarn add file:../react-native-usit-ui

Components

Here is a list of all components included in this library:

• Button
• SingleOptionList
• MultipleOptionList
• MenuButton
• UiOFooter
• Divider
• Stepper
• Slider
• Accordion
• FloatingButton
• AchievementModal
• CircularTimeSlider
• GradientBackground
• ProgressCircle
• ProgressBar
• CircularSlider