ToastView提示

ToastView 提示

概述

1.0开始加入

轻提示,用于提醒用户,不打断操作。

代码演示

受控

import React from 'react';
import { View, TouchableOpacity } from 'react-native';
import { Toast } from 'tuya-panel-kit';

export default class DatePickerDemo extends React.PureComponent {
constructor(props) {
super(props);
this.state = {
show: false,
};
}
render() {
return (
<View style={styles.wrapper}>
<View style={{ flex: 1, justifyContent: 'center' }}>
<Toast
show={this.state.show}
text="I'm Iron Man!!!"
onFinish={() => this.setState({ show: false })}
/>
<TouchableOpacity
style={styles.wrapperStyle}
onPress={() => this.setState({ show: true })}
>
<Text style={{ textAlign: 'center' }}>Click Me!</Text>
</TouchableOpacity>
</View>
</View>
)
}
}

交互演示

API

text

提示文字

类型(Type) 必传(Required)
string

show

是否显示

类型(Type) 必传(Required)
bool

onFinish

即将消失的回调

类型(Type) 必传(Required)
() => void

showPosition

显示位置

  • top:上方
  • bottom:下方
  • center:中间
类型(Type) 必传(Required) 默认值
enum: top, bottom, center bottom

电话咨询

在线咨询

400-881-8611