0
import { Linking } from 'react-native'

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

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

3
  • Рендерите WebView по условию По нажатию на кнопку это условие должно удовлетвориться. В интернете же есть куча примеров, не пробовали загуглить?
    – Praud
    18 сен 2019 в 13:31
  • я только начал изучать ReactNative, гуглил не смог найти ответ на вопрос, в туториалах до конца не смог разобратся... 18 сен 2019 в 13:40
  • лови пример как можно сделать
    – Mike
    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<{}>". 18 сен 2019 в 13:58
  • ну, это проблема TypeScript, а не конкретно этого примера, тебе нужно добавить типы к объекту this.state и props. Если нет понимания TypeScript, может сначала с ним разобраться/изучить или попробуй отключить линтинг и проверку типов.
    – Mike
    18 сен 2019 в 14:04
  • @RomaCrypton попробуй так
    – Mike
    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" несовместимы. 18 сен 2019 в 14:40
  • @RomaCrypton а сейчас?)
    – Mike
    18 сен 2019 в 14:48

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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