Task 3535

Этот сайт лучше всего просматривать в современном браузере с включённым JavaScript.

Task 3535

Dolgov

Почему то не хочет принимать задачу, хотя код работает. и вывод после нажатия 2 текста

import React, { useState } from "react";
import {
	ActivityIndicator,
	Dimensions,
	StyleSheet,
	Text,
	TextInput,
	TouchableOpacity,
	View,
} from "react-native";
const { width } = Dimensions.get("window");

export default function App() {
	const [email, setEmail] = useState("");
	const [pass, setPass] = useState("");
	const [showName, setShowName] = useState(true);
	return (
		<>
			{showName ? (
				<View style={styles.container}>
					<Text style={styles.header}>Sign In</Text>
					<TextInput
						value={email}
						onChangeText={(text) => setEmail(text)}
						style={styles.input}
						placeholder="Enter email"
						placeholderTextColor="#254441"
					/>
					<TextInput
						value={pass}
						secureTextEntry
						onChangeText={(text) => setPass(text)}
						style={styles.input}
						placeholder="Enter password"
						placeholderTextColor="#254441"
					/>
					<TouchableOpacity
						onPress={() => setShowName(false)}
						activeOpacity={0.75}
						style={styles.button}
					>
						<Text
							style={{
								fontWeight: "bold",
								fontSize: 20,
							}}
						>
							Login
						</Text>
					</TouchableOpacity>
				</View>
			) : (
				<>
					<Text style={styles.header}>Hello</Text>
					<Text style={styles.header}>{email}</Text>
				</>
			)}
		</>
	);
}

const styles = StyleSheet.create({
	button: {
		height: 60,
		marginTop: 20,
		padding: 10,
		width: 0.8 * width,
		backgroundColor: "#43AA8B",
		display: "flex",
		alignItems: "center",
		justifyContent: "center",
		borderRadius: 10,
	},
	input: {
		color: "#254441",
		width: 0.8 * width,
		height: 60,
		backgroundColor: "#ffffff",
		fontSize: 20,
		borderRadius: 10,
		marginTop: 20,
		padding: 10,
	},
	container: {
		flex: 1,
		backgroundColor: "#FF6F59",
		alignItems: "center",
		justifyContent: "center",
	},
	header: {
		color: "#254441",
		fontWeight: "bold",
		fontSize: 26,
	},
});

Dolgov

@Coderslang_Master , думаю задача сломана, еще задачи 3551 и 3552

Задача 3552 не проходит ни 1 проверку.

ApMaTyPuHa

У тебя нет созданной переменной Stack из функции createStackNavigator

Solomon

Задача 3535.
return в любом случае должен возвращать контейнер, а вот внутри него уже задавать условия при которых будут возвращаться те или иные элементы.
Вот код который прошел по всем пунктам:

import React, { useState } from 'react';
import { StyleSheet, Text, View, TextInput, Dimensions, TouchableOpacity } from 'react-native';

const { width } = Dimensions.get('screen');

export default function App() {
  const [email, setEmail] = useState('');
  const [password, setPassword] = useState('');
  const [active, setActive] = useState(false);

  return (
    <View style={styles.container}>
      {active ?
      (<>
        <Text style={styles.header}>Hello</Text>
        <Text style={styles.header}>{email}</Text>
      </>)
      :
      (<>
        <Text style={styles.header}>Sign In</Text>
        <TextInput 
        style={styles.textInput}
        placeholder="Enter email"
        placeholderTextColor="#254441"
        value={email}
        onChangeText={email => setEmail(email)}>
        </TextInput>
        <TextInput
        style={styles.textInput}
        placeholder="Enter password"
        placeholderTextColor="#254441"
        value={password}
        onChangeText={password => setPassword(password)}
        secureTextEntry>
        </TextInput>
        <TouchableOpacity
        onPress={() => setActive(true)}
        style={styles.button}
        activeOpacity={0.75}>
          <Text style={styles.text}>Login</Text>
        </TouchableOpacity>
      </>)}
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#FF6F59',
    alignItems: 'center',
    justifyContent: 'center',
  },
  header: {
    color: '#254441',
    fontWeight: 'bold',
    fontSize: 26,
  },
  textInput: {
    height: 60,
    marginTop: 20,
    padding: 10,
    backgroundColor: '#ffffff',
    fontSize: 20,
    borderRadius: 10,
    width: width * 0.8,
  },
  button: {
    height: 60,
    width: width * 0.8,
    marginTop: 20,
    borderRadius: 10,
    backgroundColor: '#43AA8B',
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  text: {
    fontWeight: 'bold',
    fontSize: 20,
  }
});