显示链接按钮而不是按钮

Question

我想在我的反应原生页面上显示一个链接按钮而不是按钮。现在我有以下代码：

<Button onPress={this.handleGetDirections} title="Get Directions" />

我想将上面的按钮显示为链接。我怎样才能在React Native中实现这一点。

谢谢。

Answer 1

如果是关于浏览器中链接的样式。这是由默认浏览器供应商样式完成的。你不会在反应原生中发生这种情况。

你可以有一个简单的Text元素，其样式看起来像一个链接（即：蓝色）并且有一个onPress处理程序。

请关注Pritish Vaidyas ......链接：）

希望这有帮助

Answer 2

使用textDecorationLine。

例如：

 <TouchableOpacity>
        <Text style={styles.underLineText}>Your underline Text</Text>
      </TouchableOpacity>

underLineText: {
    fontSize: 12,
    textDecorationLine: 'underline',
    color: 'white',
    fontWeight: 'bold',
    textAlign: 'center',
  }