응답 네이티브에서 네비게이션 중 런타임 런타임 구성 요소

Question

현재 화면에 구성 요소 (예 :보기 또는 텍스트 구성 요소)를 표시하려면 경우에만 다른 화면에서이 화면으로 돌아갑니다.

예를 들어 내가보기 구성 요소를 표시 할 Home.js에 있다고 가정 해 보겠습니다. 이보기 구성 요소의 수는 Break.js 화면으로 이동하거나 방문하는 횟수에 따라 달라집니다. 마찬가지로 Break.js 화면을 세 번 방문한 경우 Home.js 화면에서 View 구성 요소가 3 개 있어야합니다.

나는 반작용 네이티브에서 초보자입니다, 그래서이를 구현하는 방법을 어떤 생각이 .... 내가 Dynamically rendering components - React Native 및 React Native View Render

같은 유사한 쿼리를 통과했지만 이해하지 수 없습니다 아무것도. Pls는 제가 지금까지 시도한 것을 보여줄 것이 없으므로 도움이됩니다 .....

Answer 1

다음은 다른 화면으로 이동하기 전에 viewCount를 업데이트하는 구성 요소를 업데이트하는 한 가지 방법입니다. 이것은 스택 탐색기의 경우처럼 탐색 후에 메모리에 이전 화면이있는 경우에만 작동합니다. 이것은 유스 케이스에 맞게 수정할 수있는 기본적인 아이디어입니다.

class HomeScreen extends Component { 

    onNavigate() { 
    this.updateViewCount(); 
    // ... navigate to BreakScreen 
    } 

    updateViewCount() { 
    this.setState({numOfViews: this.state.numOfViews + 1}); 
    } 

    render() { 
    // Create an array and push your elements based on count 
    // this.state.numOfViews manages the count 
    let views = []; 
    for(let i = 0; i <= this.state.numOfViews; i++) { 
     views.push(<SomeComponent />); 
    } 

    // Render your custom views 
    return(
     <View> 
     {views} 
     <Button onPress={() => this.onNavigate()} /> 
     </View> 
    ); 
    } 
}