我正在尝试将一个图标和文本水平对齐,并将文本对齐到左侧,图标对齐到右侧...
然而,我希望文本对齐到左侧,图标对齐到右侧,且两者位于同一高度...
迄今我的代码为:
<Text
style={{
fontSize: 16,
paddingTop: 15,
paddingBottom: 15,
paddingLeft: 10,
paddingRight: 10,
color: "black"
}}
>
Kategorien:
<Icon
style={{
alignItems: "center",
justifyContent: "center",
textAlign: "right"
}}
name="keyboard-arrow-down"
type="MaterialIcons"
/>
</Text>
我也尝试使用React Native元素,并利用右侧和左侧元素,但在这种情况下图标和文本不在同一行...
<View>
<Left>
Text...
</Left>
<Right>
Icon...
</Right>
</View>
你们有什么想法吗?
alignItems: 'baseline',
。 - Karl Adler