React Native primitives for Prism
Use your preferred package manager for installation.
npm i --save react-native-prism-primitives
yarn add react-native-prism-primitives
React Native primitives integrated with Prism designed to reduce the cognitive load during migration or integration.
This library exposes all the React Native visual components wrapped using the Prism() function. Class names are identical so it is a drop-in replacement.
The API is considered locked and changes will only be made for bugs or if the underlying RN components being tracked change.
Bug fixes will be released under patch versions, new RN components under minor releases and major changes to the underlying RN components (deletions) will be tracked via major version releases.
Configure your application (see the Prism Getting Started guide) and then you can import your visual components from react-native-prism-primitives to use the Prism Properties in your application.
import {
Text,
View
} from 'react-native-prism-primitives'You can now define default style declarations for the primitive components in your style sheet:
export default {
styles: ({colors, fonts}) => {
return {
'Text': {
color: 'green'
},
'View': {
flex: 1
}
}
}
}And use the style property shortcuts (assuming they are enabled):
<View background='steelblue' padding={10} margin={20}>
<Text color='white'>
Example
</Text>
</View>The components are very thin wrappers around the RN components and do not add any extra functionality apart from that enabled by Prism.
import React, {Component} from 'react'
import {Text as NativeText} from 'react-native'
import {Prism} from 'react-native-prism'
class Text extends Component {
static styleName = 'Text'
static propTypes = NativeText.propTypes
render () {
return (
<NativeText {...this.props}>
{this.props.children}
</NativeText>
)
}
}
export default Prism(Text)This library only exposes the visual components. API components (such as Platform) should still be imported directly from react-native.
MIT
Created by mkdoc on June 18, 2018