我正在尝试创建一个小的请求框,该请求框从屏幕底部弹出,以让用户确认预订。下面是可能的样机。经过一些研究,模态似乎是可行的方法。
在
启动应用程序时出现问题<Modal />,会在主屏幕上冻结该应用程序。必要时加载模态(在下面的代码中)使应用程序崩溃,没有错误。
代码
组件呈现<Model />(称为<RequestTeacherPopup />)
// @flow
import React from 'react'
import { ScrollView, View } from 'react-native'
...
export default class RequestScreen extends React.Component<Props, {nextSeminar: DateTime, teachers: []}> {
constructor (props: Props) {
super(props)
...
this.state = {
nextSeminar: nextSeminar,
teachers: null,
requestVisibility: false,
requestedTeacher: null
}
}
...
render () {
var teacherList = []
if (this.state.teachers) {
for (let teacherItem of this.state.teachers) {
if (teacherItem.key !== this.props.profile.defaultSeminar) …Run Code Online (Sandbox Code Playgroud) react-native ×1