Backpack React Native touchable overlay component.
npm install react-native-bpk-component-touchable-overlay> Backpack React Native touchable overlay component.
``sh`
npm install react-native-bpk-component-touchable-overlay --save-dev
`js
import React, { Component } from 'react';
import { View, StyleSheet } from 'react-native';
import BpkText from 'react-native-bpk-component-text';
import { spacingBase } from 'bpk-tokens/tokens/base.react.native';
import BpkTouchableOverlay from 'react-native-bpk-component-touchable-overlay';
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
padding: spacingBase,
}
});
export default class App extends Component {
render() {
return (
accessibilityLabel="Example touchable overlay"
>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus.
);
}
}
``
| Property | PropType | Required | Default Value |
| ------------ | ------------------------- | -------- | ------------- |
| children | node | true | - |
| borderRadius | oneOf('sm', 'lg', 'pill') | false | null |
| overlayStyle | object | false | null |