Question

我们正在试图将土著领地的产权集中起来,同时把该产权推向右边并尽可能接近。各位从图像中可以看到,这一版本并没有扩大。该开发商正在处理中心产权的宽度的适当方位上做成比例。我相信,有更好的办法来处理这种情况。这项权利的标语将不超过两根或更少。

[![enter image description here][2]][2]

<AppView style={[styles.titleAbsolute]}>
      <AppView
        useButton={dropDown}
        onPress={onTitlePress}
        flexDirection="row"
        paddingLeft={title?.length > 30 ? 7 : 0}
        justifyContent="center"
        width={
          headerLink?.length > 1
            ? (AppSizes.width * (dropDown ? 55 : 62)) / 100
            : drawerHeader
            ?  85% 
            : !headerLink
            ?  90% 
            : headerLink.length === 1
            ?  84% 
            :  90% 
        }

Answer 1

可以通过在<代码><<<> > > /code>和>内列出所有项目来实现:“row”,并将案文放在上: 1。


Text centre of Icons:
export default function App() {
  return (
    <SafeAreaView style={{ paddingTop: StatusBar.currentHeight }}>
      <View style={{ padding: 8, flexDirection: "row", alignItems: "center" }}>
        <BackIcon size={iconSize} />

        <View style={{ flex: 1, paddingHorizontal: 8, alignItems: "center" }}>
          <SomeLongText />
        </View>

        <StarIcon size={iconSize} />
        <ShareIcon size={iconSize} />
      </View>
    </SafeAreaView>
  );
}

Text centre of screen:
export default function App() {
  return (
    <SafeAreaView style={{ paddingTop: StatusBar.currentHeight }}>
      <View style={{ padding: 8, flexDirection: "row", alignItems: "center" }}>
        <View style={{ width: iconViewSizeBy2 }}>
          <BackIcon size={iconSize} />
        </View>

        <View style={{ flex: 1, paddingHorizontal: 8, alignItems: "center" }}>
          <SomeLongText />
        </View>

        <View style={{ width: iconViewSizeBy2, flexDirection: "row" }}>
          <StarIcon size={iconSize} />
          <ShareIcon size={iconSize} />
        </View>
      </View>
    </SafeAreaView>
  );
}

Text centre of Icons:

Text centre of screen:

友情链接