import React, { Component } from 'react'
import {
  StyleSheet,
  Text,
  View,
  TouchableOpacity
} from 'react-native'
import SuspendScreen from './SuspensionWindow/index'
import RootSibling from 'react-native-root-siblings'

class AppScreen extends Component {
  static navigationOptions = {
    title: '首页'
  }

  onPress = () => {
    if (this.sibling) {
      return
    }
    this.sibling = new RootSibling(<SuspendScreen close={this.close} toFloat />)
  }

  close = () => {
    this.sibling && this.sibling.destroy()
    this.sibling = undefined
  }

  render () {
    return (
      <View style={styles.container}>
        <TouchableOpacity onPress={this.onPress}>
          <Text>
            Link
          </Text>
        </TouchableOpacity>
      </View>
    )
  }
}