0
import { Linking } from 'react-native'

<Button
  title="Press me"
  onPress={() => Linking.openURL(google.com)}
/>

Есть кнопка которая переходит по ссылке, но переходит она через браузер. Как можно сделать что-бы кнопка работала через WebView ?

3
  • Рендерите WebView по условию По нажатию на кнопку это условие должно удовлетвориться. В интернете же есть куча примеров, не пробовали загуглить?
    – Praud
    Commented 18 сент. 2019 в 13:31
  • я только начал изучать ReactNative, гуглил не смог найти ответ на вопрос, в туториалах до конца не смог разобратся... Commented 18 сент. 2019 в 13:40
  • лови пример как можно сделать
    – Mike
    Commented 18 сент. 2019 в 13:47

1 ответ 1

0
import React from 'react';
import { Linking } from 'react-native';

type Props = {};
type State = {
  showWV: boolean,
  url: string,
};

class TestComp extends React.Component<Props, State> {

  constructor(props) {
    super(props);
    this.state = {showWV: false, url: ''}
  }

  render(){
    return (
      <View>
        {this.state.showWV && <WebView source={{ uri: this.state.url }}/>}
        <Button
          title="Press me"
          onPress={() => this.setState({ showWV: true; url: 'https://google.com'})}
        />
      </View>);
    }
  }
}
6
  • Visual studio ругается: - Параметр "props" неявно имеет тип "any". - Свойство "showWV" не существует в типе "Readonly<{}>". - Свойство "url" не существует в типе "Readonly<{}>". Commented 18 сент. 2019 в 13:58
  • ну, это проблема TypeScript, а не конкретно этого примера, тебе нужно добавить типы к объекту this.state и props. Если нет понимания TypeScript, может сначала с ним разобраться/изучить или попробуй отключить линтинг и проверку типов.
    – Mike
    Commented 18 сент. 2019 в 14:04
  • @RomaCrypton попробуй так
    – Mike
    Commented 18 сент. 2019 в 14:14
  • теперь проблема с WebView: No overload matches this call. Overload 1 of 2, '(props: Readonly<WebViewProps>): WebView', gave the following error. Тип "{ uri: string | undefined; }" не может быть назначен для типа "WebViewSourceUri | WebViewSourceHtml | undefined". Типы свойства "uri" несовместимы. Commented 18 сент. 2019 в 14:40
  • @RomaCrypton а сейчас?)
    – Mike
    Commented 18 сент. 2019 в 14:48

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.