Очень некрасивый переход при переходе обратно в стек навигатора в реакцию с родным - PullRequest
Новая
       15

Очень некрасивый переход при переходе обратно в стек навигатора в реакцию с родным

0 голосов
/ 08 апреля 2020

У меня возникла эта проблема с моим текущим приложением: когда я go возвращаюсь в навигатор стека, требуется время, чтобы удалить другой экран, и это выглядит довольно плохо для пользовательского опыта, это ожидаемое поведение? я оставлю видео для справки

Видео

Все, что у меня есть на другом экране, - это список изображений, использующий библиотеку реагировать-родной-быстрый-изображения. использую реагирующую навигацию v5, но это также происходит с v4, любая помощь, пожалуйста.

Добавил немного кода Мой компонент кнопки я также получаю некоторые тестовые данные из базы данных: 

 function Main({navigation}) {
  const windowWidth = Dimensions.get('window').width;
  const windowHeight = Dimensions.get('window').height;

  const [imagenes, setimagenes] = useState();
  const [loading, setloading] = useState(true);

  async function getdata() {
    const res = await Axios.get(
      'https://pelicuas-131f6.firebaseio.com/id.json',
    );

    setimagenes(res.data);

    setloading(false);
  }

  useEffect(() => {
    getdata();
  }, []);

  if (loading) {
    return <Text>loading...</Text>;
  } else
    return (
      <View>
        <Button
          title="noton"
          onPress={() => {
            navigation.navigate('Post');
          }}>
          >
        </Button>
      </View>
    );
}

Мой другой экран: 

const Post = ({route,navigation}) => {

  const [similar, setsimilar] = useState();
  const [loading, setloading] = useState(true);


  useEffect(() => {
    getSimilar();
  }, []);

  async function getSimilar() {
    const res = await Axios.get(
      'https://pelicuas-131f6.firebaseio.com/id.json',
    );
    setsimilar(res.data);
    setloading(false);
  }

  if (loading) {
    return <Text>cargando</Text>;
  } else
    return (
      <ScrollView showsHorizontalScrollIndicator={false}>
        <View>


          <View
            style={{
              flexDirection: 'row',
              justifyContent: 'space-around',
              backgroundColor: 'black',
              flexWrap: 'wrap',
            }}>
            {similar.map((item) => {
              return (
                <FastImage
                  key={item.Id}
                  style={{width: windowWidth * 0.3, height: 150, marginTop: 5}}
                  resizeMode="contain"
                  source={{
                    uri: `${item.Imagen}`,
                  }}
                />
              );
            })}
          </View>
        </View>
      </ScrollView>
    );
};
...