react-native-block

A customizable wrapper for react native view

Usage no npm install needed!

<script type="module">
  import reactNativeBlock from 'https://cdn.skypack.dev/react-native-block';
</script>

A simple and customizable wrapper component for React Native View.

Instead of writing this :

<View style={{ flex: 2, justifyContent: 'center', alignItems: 'center', marginTop: 20 }}>
  //Other components
</View>

You can just do this :

<Block flex={2} center middle mt={20}>
  // Your components
</Block>

For TouchableOpacity :

<TouchableBlock onPress={handler} center middle>
  // Your components
</TouchableBlock>