Навигация с помощью реакции-навигации приводит к тому, что компонент не отображает данные, необходимо выполнить повторную визуализацию - PullRequest
0 голосов
/ 01 октября 2018

Когда я перемещаюсь с реагирующей навигацией, на экране, который появляется (SearchPage - функциональный компонент без состояния), есть CategoriesMultiselect (компонент класса), в котором отсутствуют данные категорий (визуально).Данные определенно все еще существуют, потому что, когда я прокручиваю страницу, данные появляются, потому что она перерисовывается.

Как заставить searchPage перерисовываться при переходе к нему (или повторно отображать CategoriesMultiselect)?

код для навигации:

import FBLoginButton from './button/view'
import React, { Component } from 'react'
import { View } from 'react-native'
import { Container, Text, Button } from 'native-base'
import VepoHeader from '../../formControls/header/view'
import { styles } from '../../style'

import { withNavigation } from 'react-navigation'

class LoginView extends Component {
    constructor(props) {
        super(props)
        this.buttonPress = this.buttonPress.bind(this)
      }

      buttonPress() {
        console.log('called')
        this.props.navigation.navigate('Search')
      }
  render() {
    return (
      <Container style={{ backgroundColor: '#27a562' }}>
        <Container
          style={{
            flex: 1,
            height: '100%',
            flexDirection: 'column',
            justifyContent: 'center',
            alignItems: 'center'
          }}>
          <FBLoginButton />
          <Text style={{ color: '#FFF', 
          marginTop: 20,
          marginBottom: 20 }}>OR</Text>
          <Button
            block
            style={{
              ...styles.labelHeight,
              borderRadius: 4,
              borderWidth: 0.5,
              borderColor: '#FFF',
              width: 250,
              marginLeft: 'auto',
              marginRight: 'auto',
              backgroundColor: 'transparent',

            }}
            onPress={this.buttonPress}>
            <Text style={{fontSize: 13.5}}>Continue without Login</Text>
          </Button>
        </Container>
      </Container>
    )
  }
}

export default withNavigation(LoginView)

Мне нужновызвать forceupdate () для CategoriesMultiselect после перехода к функциональному компоненту searchPage без состояния.

Как мне это сделать?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...