react-native uwp - 将列中的文本元素与标签右侧对齐

问题描述

使用 react-native for windows UWP 我有以下 JSX：



-- Using C security hardening flags:  -Wformat -Wformat-security -fstack-protector -fstack-protector-strong -mmitigate-rop
-- Using C++ security hardening flags:  -Wformat -Wformat-security -fstack-protector -fstack-protector-strong -mmitigate-rop
-- Using linker security hardening flags:  -pie -Wl,-z,relro -Wl,now -Wl,noexecstack
CMake Error at /usr/share/cmake-3.5/Modules/FindBoost.cmake:1677 (message):
  Unable to find the requested Boost libraries.

  Boost version: 1.55.0

  Boost include path: /usr/local/include

  Detected version of Boost is too old.  Requested version was 1.58 (or
  newer).
Call Stack (most recent call first):
  CMakeLists.txt:929 (find_package)


CMake Error at CMakeLists.txt:105 (message):
  Could not find Boost libraries,please make sure you have installed
  Boost or libboost-all-dev (>=1.58) or the equivalent
Call Stack (most recent call first):
  CMakeLists.txt:933 (die)


-- Configuring incomplete,errors occurred!
See also "/home/azureuser/monero/build/Linux/master/release/CMakeFiles/CMakeOutput.log".
See also "/home/azureuser/monero/build/Linux/master/release/CMakeFiles/CMakeError.log".
Makefile:102: recipe for target 'release-all' failed
make: *** [release-all] Error 1

其中列出了平均和最后文本，因此它们与冒号对齐，如下所示：

视觉上这是我想要的，但我不能一次选择整行的文本。只有每个单独的文本元素是可选的。如果我用这样的外部文本块包装两个文本块：

<View style={{ flexDirection: "row" }}>
    <View style={{ flex: 1,flexDirection: 'column',margin: 5,alignItems: 'stretch' }}>
        <View style={{ flexDirection: 'row' }}>
            <Text selectable={true} style={{ textAlign: 'right',flex: 1 }}>Average:</Text>
            <Text selectable={true} style={{ flex: 2 }} >&nbsp;&nbsp;{this.props.averageValue}&nbsp;C</Text>
        </View>
        <View style={{ flexDirection: 'row' }}>
            <Text selectable={true} style={{ textAlign: 'right',flex: 1 }}>Last:</Text>
            <Text selectable={true} style={{ flex: 2 }}>&nbsp;&nbsp;{this.props.lastValue}&nbsp;C</Text>
        </View>
    </View>
</View>

然后我的文本可以像我想要的那样选择，但布局更改为：

我怎样才能得到我想要的布局和所有的文本都可以选择？我必须使用明确的宽度还是可以使用 flexbox 来完成？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

flexbox react-native react-native-windows