Я пытаюсь использовать кнопку реактивного переключения, чтобы открыть страницу авторизации Instagram. Кнопка отлично работает, но WebView - нет.
Я использую WebView с моим токеном app_id и URL-адресом перенаправления в качестве веб-сайта. У меня есть несколько вопросов, связанных с этой аутентификацией:
- Я возвращаю WebView после нажатия кнопки, но страница всплывающего окна / перенаправления / аутентификации не отображается. Что я должен видеть с тегами WebView? Нужно ли создавать модальное и встраивать WebView внутри модального?
- Как приложение RN понимает URL перенаправления, если я остаюсь внутри приложения? Что бы я установил как URL перенаправления?
Я пропускаю несколько шагов, прежде чем я даже доберусь до генерации токена аутентификации, любая помощь будет оценена.
Код:
const redirectUser = () => {
return <WebView source={{uri: 'https://api.instagram.com/oauth/authorize?app_id=123456789&redirect_uri=http://testwebsite.co/&scope=user_profile,user_media&response_type=code'}} style={{marginTop: 20}} />
};
...
<View style ={styles.socialContainerStyle}>
<Text style ={styles.titleStyle}>Instagram </Text>
<Switch
style={styles.switchStyle}
value={instagramRadio}
onValueChange={setInstagramRadio}
onChange={redirectUser}
disabled={false}
circleSize={20}
barHeight={4}
circleBorderWidth={1}
backgroundActive={'green'}
backgroundInactive={'gray'}
circleActiveColor={'#30a566'}
circleInActiveColor={'#000000'}
changeValueImmediately={true}
switchLeftPx={2}
switchRightPx={2}
switchWidthMultiplier={2}
/>
</View>
Примечания: я не указывал фактические URL и токен перенаправления из соображений безопасности
Я не буду напрямую вводить код в app_id или uri перенаправления,это просто для удобства чтения
Я не хочу связывать логин пользователя с Instagram, я просто хочу авторизовать соединение и потенциально отображать фотографии в ленте позже