authorcontent.js

import React from "react";
import AwesomeButton from "react-native-really-awesome-button";
import { ScrollView, StyleSheet, View, Image, Text } from "react-native";

export default class authorContentScreen extends React.Component {
  render() {
    return (
      <View style={styleAuthor.container}>
        <Image
          style={{ width: 300, height: 200, resizeMode: "contain" }}
          source={require("./assets/xpress.png")}
        />
        <ScrollView contentContainerStyle={styleAuthor.container}>
          <View style={styleAuthor.storyContentPosition}></View>
          <View style={styleAuthor.storyContentPosition}></View>
        </ScrollView>
        <AwesomeButton
          textColor="#000000"
          backgroundColor="#5ce1e6"
          onPress={() => this.props.navigation.navigate("WritingContent")}
        >
          <Text>Add New</Text>
        </AwesomeButton>
      </View>
    );
  }
}

const styleAuthor = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#ff0080",
    alignItems: "center",
    justifyContent: "center"
  },
  storyContentPosition: {
    flex: 1,
    flexDirection: "column",
    flexBasis: 100,
    justifyContent: "space-around",
    padding: 100
  }
});