index.js

import React, {Component} from 'react';
import {View, StyleSheet, Dimensions} from 'react-native';
import MyTitle from '../MyTitle';
import MyButton from '../MyButton';

const {width, height} = Dimensions.get('window');

class TwoPlayerPKRecord extends Component {
  constructor() {
    super();
  }

  confirm = () => {
    this.props.navigation.navigate('联网自习');
  };

  render() {
    return (
      <View style={styles.container}>
        <MyTitle
          containerStyle={styles.myTitleStyle.containerStyle}
          title="本次自习结束"
        />
        <MyButton title="button" />
        <MyButton title="button" />
        <MyButton title="button" />
        <MyButton
          title="确认"
          buttonStyle={styles.myButton.buttonStyle}
          buttonEnabled={styles.myButton.buttonEnabled}
          onPress={this.confirm}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    backgroundColor: '#F2E2CE',
    flex: 1,
  },
  myTitleStyle: {
    containerStyle: {
      flex: 1,
    },
  },
  text: {
    fontSize: 50,
    fontWeight: 'bold',
    textAlign: 'center',
  },
  myButton: {
    buttonEnabled: {
      backgroundColor: '#e1c2a1',
      borderColor: '#bf7636',
    },
    buttonStyle: {
      width: '60%',
      borderRadius: 10,
      borderWidth: 3,
    },
  },
});

export default TwoPlayerPKRecord;