Colibri is front-end framework created to build cross platform Android & iOS mobile apps using ready to use generic components of React Native. It contains a set of general purpose UI components styled in a similar way.
You can install React Native Colibri via Yarn or NPM.
# Yarn
yarn add react-native-colibri
# NPM
npm i react-native-colibri --save
Link resources (Fonts on Android)
react-native link
Example:
import { setTheme} from 'react-native-colibri';
setTheme({
fontFamily:{
thin: 'Roboto-Thin',
thinItalic: 'Roboto-ThinItalic',
light: 'Roboto-Light',
lightItalic: 'Roboto-LightItalic',
regular: 'Roboto-Regular',
regularItalic: 'Roboto-RegularItalic',
medium: 'Roboto-Medium',
mediumItalic: 'Roboto-MediumItalic',
bold: 'Roboto-Bold',
boldItalic: 'Roboto-BoldItalic',
}
});
A button consists of text that clearly communicates what action will occur when the user touches it.
This page provides guidance on the base elements of a card
Allows you to display multiple items in a horizontal slide.
Allows you to display multiple items in a horizontal slide with images, like Google Play Store.
https://react-native-community.github.io/upgrade-helper/?from=0.60.5&to=0.67.2