The opacity and radius attributes of the button component do not take effect.

[Qy742698]

import React, { useState } from 'react';
import { ScrollView, StyleSheet, Text, View } from 'react-native';
import { Block, Button } from 'galio-framework';

const ButtonDemo = () => {
return (

<Block style={{ height: 300, width: 'auto' }}>
opacity is 0.1


)
}

const styles = StyleSheet.create({
container: {
flex: 1,
padding: 20,
backgroundColor: '#fff',
},
accordion: {
borderWidth: 1,
borderColor: '#ccc',
borderRadius: 5,
overflow: 'hidden',
shadowRadius: 10
},
listStyle: {
borderTopWidth: 10,
borderTopColor: 'red',
},
headerStyle: {
backgroundColor: '#5E72E4',
padding: 10,
},
contentStyle: {
paddingVertical: 10,
paddingHorizontal: 20,
fontWeight: 'bold'
},
inputArea: {
width: '100%',
height: '15%',
borderWidth: 2,
borderColor: '#000000',
marginTop: 8,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: "white"
},
baseText: {
width: '100%',
height: '100%',
fontWeight: 'bold',
textAlign: 'center',
fontSize: 16,
},
shadow: {
shadowColor: "red",
shadowOffset: {
width: 0,
height: 3,
},
},
});
export default ButtonDemo