Контейнеру укажи и наверное ширина не в весь элемент
поменяй на View родительский элемент, который justifyContent
пробелы удали между компонентами
Для текста два отдельных тега сделай
<Text style={{display: 'flex',flexDirection: 'row',flex: 1,justifyContent: 'space-between',fontSize: 15}}><Text>Some text here</Text><Icon name="chevron-up" size={12}/></Text> tak ?
Не оборачивай внутрь текст другой текст
ок можете подробно какой тег использует ?
<View style={{flexDirection:'row', justifyContent:'space-between'}}> <Text style={{display: 'flex',fontSize: 15}}>Some text here</Text> <Icon name="chevron-up" size={12}/></View>
Код можно увидеть?
const styles = StyleSheet.create({ btnOpen: { borderWidth: 0.6, borderColor: 'black', fontSize: 5, paddingVertical: 3, paddingHorizontal: 5, borderRadius: 8, fontWeight: 'normal', }, btnOpenText: { display: 'flex', flexDirection: 'row', alignItems: 'center', fontSize: 8, }, });
а Menu откуда импортится?
import {Menu, Divider,Text} from 'react-native-paper';
<View style={{flexDirection:'row', justifyContent:'space-between'}}> <Text style={{display: 'flex',fontSize: 15}}>Some text here</Text> <Icon name="chevron-up" size={12}/></View> вот это всё в чилдрен закинь
внутри Menu Item ?
Тогда ничего не отображается
<Menu.Item onPress={() => {}} title={ <View style={{flexDirection:'row', justifyContent:'space-between'}}> <Text>ssss</Text> <View style={{alignSelf:'flex-end'}}> <Icon name="chevron-up" size={12}/> </View> </View> } />
vot такая ошибка выходит, cпасибо, вместо Menu.Item использую <View>
код который я отправил вставь как еще один menuItem
Обсуждают сегодня