本机中的全文未显示在警报对话框中

时间:2017-05-01 08:00:44

标签: android reactjs react-native react-native-android

我想点击alert dialog向用户展示button。我正在尝试如下

onPressButton() {
  Alert.alert(strings.tour_end);
}

strings.tour_end 是"太棒了!希望您喜欢我们的产品之旅!享受这个应用程序我们为您提供了一些激动人心的优惠!"

这就是它在alert中的显示方式。这是react-native中的错误吗?enter image description here

2 个答案:

答案 0 :(得分:6)

根据Alert API,您已将完整邮件作为警报标题传递。

alert(title, message?, buttons?, options?, type?)

如下所示

alert("Great..!", strings.tour_end);

因此标题应该是小消息,您可以在消息参数中显示完整消息。

如果您想开发自定义Alert,请使用Modal API。 Check it

或者

您可以使用某些第三方npm模块来显示自定义提醒。这也是基于模态api。

npm install react-native-modalbox@latest --save

试试这个。

答案 1 :(得分:0)

如果仅传递文本,它将被视为标题

根据文档https://facebook.github.io/react-native/docs/alert。 您可以传递这样的值。

Alert.alert(
'Alert Title',
'My Alert Msg',
[
{text: 'Ask me later', onPress: () => console.log('Ask me later pressed')},
{text: 'Cancel', onPress: () => console.log('Cancel Pressed'), style: 'cancel'},
{text: 'OK', onPress: () => console.log('OK Pressed')},
], 
{ cancelable: false }
)