Проработаем контейнер Words, который должен возвращать два SafeAreaView элементами.
Первый со стилями: flex - 1, backgroundColor - colors.blue1, а второй: flex - 0, backgroundColor - colors.blue1.
Дальше все элементы будут добавляться в первый SafeAreaView.
Сначала добавим NavigationHeader. После него хедер - View с двумя дочерними TouchableOpacity - кнопками назад и удалить.
Стили хедера: backgroundColor - colors.blue1, height - 50, flexDirection - row, justifyContent - space-between,
alignItems - center, paddingHorizontal - 26.
Стили кнопки назад: flex - 8, flexDirection - row, alignItems - center. При нажатии на нее должен срабатывать метод navigation.goBack.
Стили кнопки удалить: flex - 2, justifyContent - center, alignItems: flex-end.
Внутри кнопки назад добавь компонент Icon со свойствами color - colors.black, size - 20 и name - left-open-big.
После иконки должен быть текст route.params со стилями: fontSize - 18,
color - colors.black, fontFamily: RobotoRegular, marginLeft: 14.
Внутри кнопки удалить добавь компонент Icon со свойствами color colors.black, size 20 и name trash.
После хедера добавь элемент FlatList, keyExtractor которого будет возвращать свойство wordset_id элемента.
После списка добавь компонент RadialButton, при нажатии на который будет происходить переход на экран ADD_WORD_SCREEN.
При переходе нужно передать параметр listKey, равный route.params.
Эта задача — часть курса по Full-Stack JavaScript.
Ты можешь задать свой вопрос в комментариях под постом.
Если ты уже решил задачу, то не стесняйся помочь другим.