React Native Показать / Скрыть вид

У меня есть файл test.js. У него два класса A и B. В классе B у меня есть кнопка hide view.

Я хочу, чтобы когда я нажимал кнопку hide view, он должен переключать (показывать / скрывать) представление класса A без загрузки.

Как я могу это сделать?

это класс A и класс B - это два экрана?

Vinayak B 23.05.2018 12:39

Спасибо за ваш ответ, сэр, да, A и B - это два отдельных экрана

Satheesh 23.05.2018 12:45

я не могу понять эту строку {this.state.showComponmentB && <B />}

Satheesh 23.05.2018 13:10
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
3
10 785
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать этот пример:

export default class A extends Component {
  constructor(props){
    super(props)
    this.state = {showComponmentB: true}
  }

  _toggleShow = () => {
    this.setState({showComponmentB: !this.state.showComponmentB})
  }

  render() {
    return (
      <View style = {styles.container}>
        {this.state.showComponmentB && <B/>}
        <Button title = "toggle button" onPress = {this._toggleShow}/>
      </View>
    );
  }
}

export class B extends Component {
  render() {
    return (
      <SomeView/>
    );
  }
}

Другие вопросы по теме