reactnative

import React, { Component } from "react";
import { View, StyleSheet, Image, TouchableOpacity, Text } from "react-native";
export default class TopicType extends Component {
  render() {
    return (
      <View style={styles.root}>
        <View style={styles.rect1}>
          <Image
            style={styles.eveyone}
            source={require("../assets/324234Asset_24xxxhdpi.png")}
          />

          <Image
            style={styles.some}
            source={require("../assets/324234Asset_24xxxhdpi.png")}
          />

          <Image
            style={styles.image1}
            source={require("../assets/Logo_Nipiologo.png")}
          />
        </View>
        <View style={styles.buttonmolecule}>
          <TouchableOpacity style={styles.buttonBorder} />
          <View style={styles.continueAtom}>
            <Image
              style={styles.image2}
              source={require("../assets/next.png")}
            />

            <Text style={styles.text1}>Continue</Text>
          </View>
        </View>
        <Text style={styles.text2}>
          In this type of topic you have to select the groupmembers that you
          wish to exclude from the newtopic.Those members will have no knowledge
          that thisnew topic has been created.
        </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  root: { backgroundColor: "white", flex: 1 },
  rect1: {
    left: 59.55,
    top: 163.56,
    width: 255.72,
    height: 116.17,
    position: "absolute",
    flexDirection: "row",
    justifyContent: "space-between",
    alignItems: "center"
  },

  eveyone: { width: 52.97, height: 60.99 },
  some: { width: 52.97, height: 60.99 },
  image1: { width: 52.99, height: 60.99 },
  buttonmolecule: {
    left: 62.22,
    top: 630.32,
    width: 242.53,
    height: 62.62,
    position: "absolute"
  },

  buttonBorder: {
    width: 242.58,
    height: 62.65,
    borderWidth: "4",
    borderColor: "rgba(255,164,0,1)",
    borderRadius: "17",
    position: "absolute",
    top: 0,
    left: 0
  },

  continueAtom: {
    width: 179.79,
    height: 41.94,
    flexDirection: "row-reverse",
    alignItems: "center",
    justifyContent: "space-around",
    position: "absolute",
    top: 10.34,
    left: 31.36
  },

  image2: { width: 34.98, height: 41.95 },
  text1: {
    width: 67.81,
    height: 16,
    backgroundColor: "transparent",
    textAlign: "right"
  },

  text2: {
    backgroundColor: "transparent",
    top: 327.82,
    left: 41.04,
    position: "absolute",
    textAlign: "center",
    lineHeight: 27,
    letterSpacing: 0,
    width: 286.24,
    height: 197.67
  }
});