src/components/Buttons/RadialButton
import * as React from 'react';
import { TouchableOpacity, StyleSheet } from 'react-native';
import Icon from '../../Icon';
import colors from '../../../assets/styles/colors';
const style = StyleSheet.create({
TouchableOpacity: {
height: 55,
width: 55,
maxHeight: 55,
maxWidth: 55,
backgroundColor: '#4D8ADA',
shadowColor: '#4D8ADA',
justifyContent: 'center',
alignItems: 'center',
borderRadius: 27.5,
shadowOpacity: 0.4,
shadowRadius: 10,
elevation: 4,
position: 'absolute',
borderWidth: 0,
bottom: 0,
right: 29,
opacity: 1,
}
});
export default function RadialButton(props) {
return (
<TouchableOpacity style={style.TouchableOpacity} onPress={props.onPress}>
<Icon name='plus' size={35} color={colors.white}/>
</TouchableOpacity>
)
}
Вроде все правильно
Что тут не так?
Заранее благодарен!