return (
    <SafeAreaView style={styles.container}>
      <LinearGradient
        colors={['#0E5CBB', '#2E75E7']}
        style={styles.background}>
        <ScrollView style={styles.scrollView}>
        <Image source={logo} style={styles.logo} />
        <View style={styles.formGroup}>
          <Text style={styles.label}>Nome</Text>
          <TextInput style={styles.input}
            secureTextEntry={true}
            keyboardType="default"
            placeholder="Nome"
            placeholderTextColor="#999"
            autoCapitalize='none'
            autoCorrect={false}
          ></TextInput>
        </View>
        <View style={styles.formGroup}>
          <Text style={styles.label}>Sobrenome</Text>
          <TextInput style={styles.input}
            secureTextEntry={true}
            keyboardType="default"
            placeholder="Sobrenome"
            placeholderTextColor="#999"
            autoCapitalize='none'
            autoCorrect={false}
          ></TextInput>
        </View>
        <View style={styles.formGroup}>
          <Text style={styles.label}>E-mail</Text>
          <TextInput style={styles.input}
            keyboardType="email-address"
            placeholder="E-mail"
            placeholderTextColor="#999"
            autoCapitalize='none'
            autoCorrect={false}
          ></TextInput>
        </View>
        <View style={styles.formGroup}>
          <Text style={styles.label}>CPF</Text>
          <TextInput style={styles.input}
            keyboardType="default"
            placeholder="CPF"
            placeholderTextColor="#999"
            autoCapitalize='none'
            autoCorrect={false}
            required={true}
          ></TextInput>
        </View>
        <View style={styles.formGroup}>
          <Text style={styles.label}>Data de Nascimento</Text>
          <TextInput style={styles.input}
            keyboardType="default"
            placeholder="Data de Nascimento"
            placeholderTextColor="#999"
            autoCapitalize='none'
            autoCorrect={false}
          ></TextInput>
        </View>
        <View style={styles.formGroup}>
          <Text style={styles.label}>Sexo</Text>
          <TextInput style={styles.input}
            keyboardType="default"
            placeholder="Sexo"
            placeholderTextColor="#999"
            autoCapitalize='none'
            autoCorrect={false}
          ></TextInput>
        </View>
        <View style={styles.formGroup}>
          <Text style={styles.label}>Senha</Text>
          <TextInput style={styles.input}
            secureTextEntry={true}
            keyboardType="visible-password"
            placeholder="Digite sua Senha:"
            placeholderTextColor="#999"
            autoCapitalize='none'
            autoCorrect={false}
          ></TextInput>
        </View>
        <View style={styles.formGroup}>
          <Text style={styles.label}>Repetir Senha</Text>
          <TextInput style={styles.input}
            secureTextEntry={true}
            keyboardType="visible-password"
            placeholder="Repita sua Senha:"
            placeholderTextColor="#999"
            autoCapitalize='none'
            autoCorrect={false}
          ></TextInput>
        </View>
        
        <TouchableOpacity style={[styles.button, styles.backgroundButton]}>
          <Text style={styles.text}>Cadastrar-se</Text>
        </TouchableOpacity>
        <TouchableOpacity style={styles.button}
        onPress={Voltar}>
          <Text style={styles.text}>Voltar</Text>
        </TouchableOpacity>
        </ScrollView>
      </LinearGradient>
    </SafeAreaView>