task 3801 stage 7

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

task 3801 stage 7

fleed

Lists/index.js

import * as React from 'react'
import { FlatList, SafeAreaView, View } from 'react-native';
import colors from '../../assets/styles/colors.js'
import NavigationHeader from '../../components/NavigationHeader'
import RadialButton from '../../components/Buttons/RadialButton'

export default function Lists(){
    return(
        <React.Fragment>
            <SafeAreaView style={{flex:1, backgroundColor: colors.blue}}>
                <NavigationHeader barStyle='light' />
                <View style={{flex:0.5,paddingBottom: 25, paddingLeft: 20}}>
                    <View style={{flex:1, flexDirection: 'row', height: 40, maxHeight: 40}}>
                        <View style={{width: 66, alignItems: 'center', justifyContent: 'center'}}>
                            <Text style={{fontSize: 22, color: colors.white, fontFamily: RobotoBold}}></Text>
                            <Text style={{fontSize: 12, color: colors.blue2, fontFamily: RobotoRegular}}>Lists</Text>
                        </View>
                        <View style={{width: 81, alignItems: 'center', justifyContent: 'center', borderLeftWidth:2, borderColor: colors.white}}>
                            <Text style={{fontSize: 22, color: colors.white, fontFamily: RobotoBold}}></Text>
                            <Text style={{fontSize: 12, color: colors.blue2, fontFamily: RobotoRegular}}>Words</Text>
                        </View>
                    </View>
                </View>
                <View style={{flex: 8, backgroundColor: colors.blue1, borderTopLeftRadius: 15, borderTopRightRadius: 15}}>
                    <Text style={{fontSize: 20, color: colors.black, fontFamily: RobotoRegular, marginTop: 26, marginLeft: 16}}>My dictionary</Text>
                    <FlatList style={{marginVertical: 21}}></FlatList>
                    <RadialButton></RadialButton>
                </View>
            </SafeAreaView>
            <SafeAreaView style={{flex:0, backgroundColor: colors.blue1}}>

            </SafeAreaView>
        </React.Fragment>
    );
}

colors.js

import * as React from 'react'

export default colors = {
    blue: "#4D8ADA",
    blue1: "#FAFCFF",
    blue2: "#D5E2F2",
    blue3: "#DEECFE",
    black: "#1E1E1E",
    blackOpacity80: "rgba(30, 30, 30, 0.8)",
    blackOpacity20: "rgba(30, 30, 30, 0.2)",
    white: "white",
    red: "#EE6161",
}

тег React.Fragment заменял и просто на <></> и на <View></View>, не проходит ни один пункт

fleed

fleed вынес стили в styles
Lists

import React from 'react'
import { FlatList, SafeAreaView, View, StyleSheet } from 'react-native';
import colors from '../../assets/styles/colors.js'
import NavigationHeader from '../../components/NavigationHeader/index.js'
import RadialButton from '../../components/Buttons/RadialButton/index.js'

export default function Lists(){
    return(
      <>
        <SafeAreaView style={styles.container}>
          <NavigationHeader barStyle='light' />
          <View style={styles.header}>
              <View style={styles.info}>
                <View style={styles.list}>
                  <Text style={styles.count}></Text>
                  <Text style={styles.label}>Lists</Text>
                </View>
              <View style={styles.word}>
                <Text style={styles.count}></Text>
                <Text style={styles.label}>Words</Text>
              </View>
            </View>
          </View>
          <View style={styles.body}>
            <Text style={styles.title}>My dictionary</Text>
            <FlatList style={styles.flatList}></FlatList>
            <RadialButton></RadialButton>
          </View>
        </SafeAreaView>
        <SafeAreaView style={{flex:0, backgroundColor: colors.blue1}}>
          
        </SafeAreaView>
        </>
    );
} 

const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: colors.blue,
    },
    header: {
      flex: 0.5,
      paddingBottom: 25,
      paddingLeft: 20,
    },
    info: {
      flex: 1,
      flexDirection: 'row',
      height: 40,
      maxHeight: 40,
    },
    list: {
      width: 66,
      alignItems: 'center',
      justifyContent: 'center',
    },
    word: {
      width: 81,
      alignItems: 'center',
      justifyContent: 'center',
      borderLeftWidth: 2,
      borderColor: colors.white,
    },
    count: {
      fontSize: 22,
      color: colors.white,
      fontFamily: 'RobotoBold',
    },
    label: {
      fontSize: 12,
      color: colors.blue2,
      fontFamily: 'RobotoRegular',
    },
    body: {
      flex: 8,
      backgroundColor: colors.blue1,
      borderTopLeftRadius: 15,
      borderTopRightRadius: 15,
    },
    title: {
      fontSize: 20,
      color: colors.black,
      fontFamily: 'RobotoRegular',
      marginTop: 26,
      marginLeft: 16,
    },
    flatList: {
      marginVertical: 21,
    },
});

UPD: забыл импортировать Text