reactnativemodal
2024-08-26 18:03:54
'use strict';
var React = require('react-native');
var Modal = require('react-native-modal');
var { AppRegistry, StyleSheet, View, Text } = React;
class App extends React.Component {
constructor() {
this.state = {
isModalOpen: false
};
}
openModal() {
this.setState({isModalOpen: true});
}
closeModal() {
this.setState({isModalOpen: false});
}
render() {
return (
<View style={styles.page}>
<Text onPress={() => this.openModal()}>
Open Modal.
</Text>
<Modal isVisible={this.state.isModalOpen} onClose={() => this.closeModal()}>
<Text>Hello world!</Text>
</Modal>
</View>
);
}
}
var styles = StyleSheet.create({
page: {
flex: 1,
position: 'absolute',
bottom: 0,
left: 0,
right: 0,
top: 0
}
});
AppRegistry.registerComponent('App', () => App);
var App = React.createClass({
mixins: [Modal.Mixin],
render() {
return (
<View style={styles.page}>
<Text onPress={() => this.openModal()}>
Open Modal.
</Text>
<Modal backdropType="blur" isVisible={this.state.isModalOpen} onClose={() => this.closeModal()}>
<Text>Hello world!</Text>
</Modal>
</View>
);
}
}
最新文章
- rabbitMQ第四篇：远程调用
- sudo执行脚本找不到环境变量
- html 鼠标移入标签 显示小手指
- SIMATIC PCS 7 结构图
- Dijkstra--POJ 2502 Subway（求出所有路径再求最短路径）
- poj 1934(LCS)
- c#通过Dotpeek调试dll
- Farm Irrigation(并查集)
- scrollbarsstyle
- Windows查看电脑上安装的.Net Framework版本的五种方法（转）
- 防抖（Debouncing）和节流（Throttling）
- HDU 5543 Pick The Sticks
- JPA实体类注解、springboot测试类、lombok的使用
- 【Java学习笔记之十一】Java中常用的8大排序算法详解总结
- Android For JNI(六)——交叉编译，NDK概述以及文件结构，编写自己的第一个JNI工程
- 用Redis管理Session
- Linux基础学习（16）--备份与恢复
- vue双向绑定的时候把遍历的数组转为了字符串，并且再转回去数组进行绑定
- gpexpand分析
- docker之私有仓库镜像管理