陣營原住民 - 看到的東西負載

Question

，因爲我最好的辦法是不知道該短語，這可能是有點尷尬的問題，這個..

我的陣營原生應用程序不會從服務器..其拉動的體面的數額社交應用程序，有時當我從應用程序中加載一個頁面，從服務器拉取大量數據時，您可以看到加載內容的東西..像幾乎有點慢

是他們的解決方案，也許一種方式所以它甚至不能渲染頁面，直到它完全加載完成？或者解決某種加載動畫？任何幫助將是可怕的

Answer 1

我相信這是一個用戶體驗問題，因此需要一個解決方案，如活動指標或覆蓋加載消息。與Facebook的新聞推送方式一樣，您可以顯示默認的空卡，以使用戶知道該頁面正在加載。

Answer 2

避免過早內容閃爍的簡單解決方案是僅在獲取完成後才呈現內容。以下是展示此想法的示例組件。

class YourComponent extends React.Component { 
    static propTypes = { 
    fetchData: React.PropTypes.func.isRequired, 
    } 

    constructor(props) { 
    super(props); 

    this.state = { 
     dataFetched: false 
    }; 
    } 

    async componentDidMount() { 
    await this.props.fetchData(); 

    this.setState({dataFetched: true}); 
    } 


    render() { 
    return (
     <View> 
     {this.state.dataFetched ? 
      <Text>Fetched</Text> : 
      null 
     } 
     </View> 
    ); 
    } 
}