Untitled

 <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
      <View
        style={{
          flex: 1,
          alignItems: "center",
          justifyContent: "center",
        }}
      >
        <Text
          style={{
            textDecorationLine: "underline",
            fontSize: 28,
            fontFamily: "serif",
            marginBottom: 16,
          }}
        >
          Guess The Country
        </Text>
        {/* <Image
          style={{
            width: 250,
            height: 250,
            borderRadius: 10,
          }}
          source={{ uri: objectImageList[index] }}
        /> */}
        <View
          style={{
            margin: 8,
            backgroundColor: "lavender",
            padding: 4,
            borderWidth: 1,
          }}
        >
          {/* <Text style={{ fontSize: 18 }}>{objectNameList[index]}</Text> */}
        </View>
        <View
          style={{
            flexDirection: "row",
            margin: 8,
          }}
        >
          {/* <TextInput
            style={{
              borderWidth: 1,
              width: "50%",
            }}
            value={answer}
            onChangeText={(text) => {
              setAnswer(text);
            }}
            placeholder="Write your answer"
          /> */}

          <TouchableOpacity
            style={{
              borderWidth: 1,
              alignItems: "center",
              justifyContent: "center",
              borderRadius: 10,
              padding: 8,
              marginLeft: 8,
              marginBottom: 8,
              marginTop: 8,
              backgroundColor: "skyblue",
            }}
            // onPress={() => checkAnswer()}
          >
            <Text style={{ fontSize: 18 }}>Submit</Text>
          </TouchableOpacity>
        </View>
        {/* <Text>Score : {score}</Text>
        <Text>Life : {life}</Text> */}
      </View>
    </ScrollView>