Как выровнять FAB по центру снизу в nativebase?

Как выровнять FAB по bottomCenter и topCenter в NativeBase?

<Fab direction="up" containerStyle={{ }} style={{ backgroundColor: '#5067FF' }} position="bottomCenter" > 
    <Icon name="gas-station" /> 
</Fab>

bottomCenter в FAB не работает .. Есть ли способ расположить FAB по центру внизу

Доступны опции для topLeft, topRight, bottomLeft, bottomRight, но ничего не видно для bottomCenter / topCenter


react-native native-base
person Rohith    schedule 18.11.2017    source источник
comment
пожалуйста, объясните больше и укажите код своей попытки.   -  person Abdennour TOUMI    schedule 18.11.2017
comment
Добавьте containerStyle={{left: '50%'}} и измените position="bottomLeft" или position="bottomRight" для bottomCenter и position="topLeft" или position="topRight" для topCenter   -  person akhil xavier    schedule 24.11.2017
comment
@akhilxavier Помогает .. Спасибо   -  person Rohith    schedule 10.12.2017
comment
@akhilxavier: У меня тоже сработало. Спасибо. Вы можете опубликовать этот комментарий как ответ.   -  person Swapnil Chougule    schedule 03.07.2019

Ответы (1)


arrow_upward
0
arrow_downward

Добавьте containerStyle = {{left: '50% '}} и измените position = bottomLeft или position = bottomRight для bottomCenter и position = topLeft или position = topRight для topCenter.

person Community    schedule 07.08.2020
comment
Скопировав этот пост из комментариев без указания авторства, вы должны пометить его как вики сообщества. См. Вопрос без ответов, но проблема решена в комментариях и Как можно справиться с явной копией ответа? - person fcdt; 08.08.2020