Телеграмм чат группы reactnative

как буд-то все то, что внутри .then он вообще игнорит

Vishnya in React Native — русскоговорящее сообщество

15:51пожаловаться #1

сделал вот так, выдает null

const getUserCoordinates = () => {
  let res = null;

  RNLocation.configure({
   distanceFilter: 5.0
  });
  RNLocation.requestPermission({
   ios: 'whenInUse',
   android: {
    detail: 'fine'
   }
  })
   .then(granted => {
    if (granted) {
     RNLocation.subscribeToLocationUpdates(locations => {
      res = {
       lat: locations[0].latitude,
       lon: locations[0].longitude,
      };
      setUserCoordinates(res);
     });
    } else {
     setOrderType('rating');
    }
   })
   .catch(() => {
    setOrderType('rating');
   });

  return res;
 };

return напиши перед NLocation.requestPermission

15:54пожаловаться #2

Возвращает

Vitaliy Ponomarev in React Native — русскоговорящее сообщество

15:54пожаловаться #3

как буд-то все то, что внутри .then он вообще игнорит

1) читать про промисы
https://learn.javascript.ru/promise-basics#potrebiteli-then-catch-finally

2)

return RNLocation.requestPermission
...
return RNLocation.subscribeToLocationUpdates

потом про async/await и try/catch можно глянуть еще раз.

Bogdan Shelomanov in React Native — русскоговорящее сообщество

15:55пожаловаться #4

подскажите, как называется механика, когда скрин пальцем вниз тянешь и обновляется страница?

Artur Eshenbrener in React Native — русскоговорящее сообщество

16:01пожаловаться #5

подскажите, как называется механика, когда скрин пальцем вниз тянешь и обновляется страница?

pull to refresh

Bogdan Shelomanov in React Native — русскоговорящее сообщество

16:01пожаловаться #6

Artur Eshenbrener

pull to refresh

это либы есть нативные или же сам делаешь?

Artur Eshenbrener in React Native — русскоговорящее сообщество

16:02пожаловаться #7

это либы есть нативные или же сам делаешь?

Стандартный ScrollView поддерживает

Artur Eshenbrener in React Native — русскоговорящее сообщество

16:02пожаловаться #8

Называется RefreshControl у него

Bogdan Shelomanov in React Native — русскоговорящее сообщество

16:02пожаловаться #9

Artur Eshenbrener

Стандартный ScrollView поддерживает

спасибо

16:02пожаловаться #10

Vitaliy Ponomarev

1) читать про промисы
https://learn.javascript.ru/promise-basics#potrebiteli-then-catch-finally

2)

return RNLocation.requestPermission
...
return RNLocation.subscribeToLocationUpdates

потом про async/await и try/catch можно глянуть еще раз.

Спасибо, помогло)

Bogdan Shelomanov in React Native — русскоговорящее сообщество

16:15пожаловаться #11

Vitaliy Ponomarev

1) читать про промисы
https://learn.javascript.ru/promise-basics#potrebiteli-then-catch-finally

2)

return RNLocation.requestPermission
...
return RNLocation.subscribeToLocationUpdates

потом про async/await и try/catch можно глянуть еще раз.

а что у него не так? типо вернул res , не подождав промиса?

Vitaliy Ponomarev in React Native — русскоговорящее сообщество

16:29пожаловаться #12

а что у него не так? типо вернул res , не подождав промиса?

промис отработал, но значения из then и из самой функции не вернул

16:32пожаловаться #13

а что у него не так? типо вернул res , не подождав промиса?

переписал вот так:

const getUserCoordinates = async () => {
  let res = null;

  RNLocation.configure({
   distanceFilter: 5.0
  });
  const granted = await RNLocation.requestPermission({
   ios: 'whenInUse',
   android: {
    detail: 'fine'
   }
  });

  if (granted) {
   return new Promise((resolve, reject) => {
    RNLocation.subscribeToLocationUpdates(locations => {
     res = {
      lat: locations[0].latitude,
      lon: locations[0].longitude,
     };
     setUserCoordinates(res);

     if (!locations) {
      return reject();
     }

     return resolve(res);
    });
   });
  } else {
   setOrderType('rating');
   return null;
  }

 };

Bogdan Shelomanov in React Native — русскоговорящее сообщество

16:36пожаловаться #14

переписал вот так:

const getUserCoordinates = async () => {
  let res = null;

  RNLocation.configure({
   distanceFilter: 5.0
  });
  const granted = await RNLocation.requestPermission({
   ios: 'whenInUse',
   android: {
    detail: 'fine'
   }
  });

  if (granted) {
   return new Promise((resolve, reject) => {
    RNLocation.subscribeToLocationUpdates(locations => {
     res = {
      lat: locations[0].latitude,
      lon: locations[0].longitude,
     };
     setUserCoordinates(res);

     if (!locations) {
      return reject();
     }

     return resolve(res);
    });
   });
  } else {
   setOrderType('rating');
   return null;
  }

 };

а как вызываешь?

16:40пожаловаться #15

const coords = await getUserCoordinates();

console.log(coords);

Bogdan Shelomanov in React Native — русскоговорящее сообщество

16:41пожаловаться #16

const coords = await getUserCoordinates();

console.log(coords);

и как, отработало?

16:41пожаловаться #17

Замечательно, вернуло координаты)

Vitaliy Ponomarev in React Native — русскоговорящее сообщество

16:41пожаловаться #18

Замечательно, вернуло координаты)

Промис внутри не нужен, достаточно еще один await и throw

getUserCoordinates уже и так асинхронная

но вообще это уже в @js_ru / @js_noobs_ru лучше или в личке

Артем Гринцевич in React Native — русскоговорящее сообщество

16:43пожаловаться #19

АГ

Irakliy

а обычный SafeAreaView из рн/реакт навигейшн не помогает?

Обычный SafeArea не работает для андроида