@uiw/react-native
Version:
UIW for React Native
29 lines (28 loc) • 766 B
JavaScript
import React from 'react';
import { View, Dimensions, StyleSheet, Text, TouchableOpacity } from 'react-native';
let MainWidth = Dimensions.get('window').width;
export default class ActionSheetItem extends React.Component {
render() {
const {
onPress = () => {},
children
} = this.props;
return <TouchableOpacity activeOpacity={1} onPress={onPress}>
<View style={styles.actionSheetItem}>
<Text style={styles.actionSheetItemText}>{children}</Text>
</View>
</TouchableOpacity>;
}
}
const styles = StyleSheet.create({
actionSheetItem: {
width: MainWidth,
height: 50,
justifyContent: 'center',
alignItems: 'center'
},
actionSheetItemText: {
fontSize: 20,
fontWeight: '400'
}
});