Блог

Как мы можем получить круглую кнопку? В настоящее время кнопка растягивается слева направо. Я не хочу использовать абсолютную позицию, так как у меня есть другие элементы, которые находятся под этой кнопкой fab

 import { FAB } from 'react-native-paper';

const MyComponent = () => (
  <FAB
    style={styles.fab}
    small
    icon="plus"
    onPress={() => console.log('Pressed')}
  />
);

const styles = StyleSheet.create({
  fab: {
    position: 'relative',
    margin: 16,
    right: 0,
    bottom: 0,
  },
})
 

Отрегулируйте кнопку снизу, слева, справа, сверху и укажите абсолютное положение кнопки.

Поместите вид кнопки в конце вашего основного контейнера, чтобы он не находился под другими видами.

 width: 60,  
height: 60,   
borderRadius: 30,            
backgroundColor: '#ee6e73',                                    
position: 'absolute',                                          
bottom: 10,                                                    
right: 10,