Add space between button

Question

I wanted to add space between button but it's not working below is my code. What do I need to add in my code?

render(){
    return (
        <View>
            <Text>Home</Text>
            <Button style={styles.button}
                title='Add '
            />
            <Button style={styles.button}
                title='Search/Update'
            />
        </View>


    )
}

}

const styles = StyleSheet.create({
    button: {
        marginBottom: 20,
        padding: 30
    },
})

Answer 1

Easiest way is to add a spacing view between your two buttons:

<View>
  <Text>Home</Text>
  <Button style={styles.button} title='Add' />
  <View style={styles.space} /> // <------------------------- right here
  <Button style={styles.button} title='Search/Update' />
</View>

const styles = StyleSheet.create({
  button: {
    marginBottom: 20,
    padding: 30
  },
  space: {
    width: 20, // or whatever size you need
    height: 20,
  },
})