Javascript 如何在react native中显示文本和内联按钮？

我想在

react native

中获得以下结果：

我使用样式化组件，灰色文本使用

styled.Text

，红色文本使用

styled.TouchableOpacity

，但在使用所有样式后，我无法将它们内联

我怎样才能达到预期的结果

编辑，阅读此处的答案后，这是我目前的结果：

我的源代码是这样的：

function App() {
  return (
    <MoreInformationContainer>
      <Typo.Caption color={ColorsEnum.GREY_DARK}>
        {_(t`Pour plus d'informations, nous t'invitons à consulter notre`)}
        <AppButton
          title={_(t`Politique des cookies`)}
          // onPress={dismissModal}
          icon={ExternalLinkSite}
          textSize={12}
          disabled
          inline
        />
      </Typo.Caption>
    </MoreInformationContainer>
  )
}
const MoreInformationContainer = styled.View({
  flexDirection: 'row',
  flexWrap: 'wrap',
  position: 'relative',
})

函数App（）{
返回(
{{（倒加上信息，我们是诺特咨询公司的顾问）}

如您所见，我使用了一个
内联
道具来应用内联样式。我刚刚尝试定位可点击链接的底部，但我找不到这样做的css，有什么线索吗？
您可以使用

flexDirection:“行”

在父视图中以内联方式显示

<View style={{flexDirection: 'row'}}>
  <Styled.Text />
  <Styled.TouchableOpacity />
</View>

<AppButton
  style={{bottom: -5}}
  title={_(t`Politique des cookies`)}
  // onPress={dismissModal}
  icon={ExternalLinkSite}
  textSize={12}
  disabled
  inline
/>;


;
您可以使用

flexDirection:“行”

在父视图中以内联方式显示

<View style={{flexDirection: 'row'}}>
  <Styled.Text />
  <Styled.TouchableOpacity />
</View>

<AppButton
  style={{bottom: -5}}
  title={_(t`Politique des cookies`)}
  // onPress={dismissModal}
  icon={ExternalLinkSite}
  textSize={12}
  disabled
  inline
/>;


;
世博会工作示例

  <View style = {{flexDirection:'row',flexWrap:'wrap'}}><Text style >This some text you want to render inline things to do wwhat we want<TouchableOpacity><Text>Some other text clicable</Text></TouchableOpacity> </Text></View>

这是一些您想要呈现内联内容的文本，我们需要其他文本剪辑

世博会工作示例

  <View style = {{flexDirection:'row',flexWrap:'wrap'}}><Text style >This some text you want to render inline things to do wwhat we want<TouchableOpacity><Text>Some other text clicable</Text></TouchableOpacity> </Text></View>

这是一些您想要呈现内联内容的文本，我们需要其他文本剪辑

使用react-Native中不存在的
display:inline；
应该是好的。使用react-Native中不存在的
display:inline；
应该是好的。谢谢，我举了你的例子，尝试构建我自己的，我更新了问题，我一直对可触摸不透明度的定位有问题。只需添加marginTop：对于项目或填充，我尝试了两者，两者都没有改变定位，我也尝试了许多flex css，如
alignSelf
，
alignContent
，
justifyingcontent
，等等。没有任何帮助。嗨，谢谢，我以你为例，尝试构建我自己的定位，我更新了问题，我的定位一直有问题对可触摸的不透明度进行调整。只需添加marginTop：对项目或paddingTopI我尝试了两者，两者都不会改变位置，我还尝试了许多flex css，如
对齐自我
，
对齐内容
，
调整内容
，等等。没有任何帮助。Hi和thankx，你如何让可触摸的不透明度移动一点它的底部位置？（参见更新的问题）将底部添加到AppButton样式的负数HI和thankx，如何使可触摸不透明度移动一点它的底部位置？（参见更新的问题）将底部添加到AppButton样式的负数