Почему моя библиотека React-Native-Safe-Area-Context не работает ⇐ Javascript

[Anonymous]

Я создаю мобильное приложение с помощью React-Native. После установки я устанавливаю библиотеку Reaction-native-safe-area-context, мой проект ведет себя неожиданно.
Сначала, когда я устанавливаю эту библиотеку мой файл autolinking.json становится пустым, поэтому я вручную добавляю код файла autolinking.json.
Теперь эта проблема не решается должным образом, когда я устанавливаю свой проект. Файл autolinking.json становится пустым, я добавляю конфигурацию вручную то же самое случилось когда я удаляю эту библиотеку.
Чтобы решить эту проблему, я копирую весь файл autolinking.json перед установкой этой библиотеки, после установки этой библиотеки и во время сборки проекта, когда мой autolinking.json файл становится пустым, я вставил конфигурацию, которую ранее скопировал.
но возникла новая проблема, и проблема в том, что я столкнулся с этой проблемой

Код: Выделить всё

ViewManagerResolver returned null for either RNCSafeAreaProvider or RCTRNCSafeAreaProvider, existing names are: [DebuggingOverlay, RCTSafeArea View, RCTModal HostView, RCTTextInlineImage, AndroidProgressBar, AndroidHorizontal ScrollView, RCTImageView, RCTText, Android Horizontal ScrollContentView, UnimplementedNativeView, RCTScrollView, RCTView, Android DrawerLayout, AndroidSwitch, RCTVirtualText, AndroidSwipeRefreshLayout, RCTRawText, Android TextInput]

код файла filter.tsx
импорт полезных импортных данных

Код: Выделить всё

import {
SafeAreaView,
} from "react-native-safe-area-context";
import { FlatList, StatusBar, StyleSheet, Text, View } from "react-native";

Код: Выделить всё

const DATA = [
{
id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb28ba',
title: 'All',
},
{
id: '3ac68afc-c605-48d3-a4f8-fbd91aa97f63',
title: 'Programming',
},
{
id: '58694a0f-3da1-471f-bd96-145571e29d72',
title: 'Sports & Fitness',
}
];

Код: Выделить всё

type ItemProps = {title: string};

const Item = ({title}: ItemProps) => (

{ title }

);

const Filter = () => (

 }
keyExtractor={item => item.id}
/>

);

таблица стилей

Код: Выделить всё

const styles = StyleSheet.create({
container: {
flex: 1,
marginTop: StatusBar.currentHeight || 0,
},

item: {
backgroundColor: 'blueviolet',
color: 'black',
padding: 20,
marginVertical: 8,
marginHorizontal: 16,
},

title: {
fontSize: 32,
},
});

export default Filter;

код файла App.tsx

Код: Выделить всё

import React from "react";

import Filter from "./component/filter";
import { StyleSheet } from "react-native";
import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";

function MainApp():React.JSX.Element {
return (





);
}

const styles = StyleSheet.create({
container: {
backgroundColor: "white",
}
});

export default MainApp;

когда я удаляю эту библиотеку, мой проект работает нормально.
Я создаю кнопку фильтра, мой проект основан на приложении для ведения блога, в основном я создаю мобильное приложение проекта приложения для блога.
Почему это происходит и как исправить эту ошибку.

Подробнее здесь: https://stackoverflow.com/questions/793 ... ot-working