如果messages对象为空，如何使用renderMessage，renderMessageImage函数以及如何不显示未显示的消息

我在我的应用程序中集成了react-native-gifted-chat。

我的天才聊天代码是

     <GiftedChat
                composerHeight={COMPOSER_HEIGHT}
                minInputToolbarHeight={COMPOSER_HEIGHT}
                messages={this.state.messages}
                onSend={messages => this.onSend(messages)}
                user={{ _id: this.state.senderUserName }}
                loadEarlier={this.state.loadEarlier}
                isLoadingEarlier={this.state.isLoadingEarlier}
                onLoadEarlier={this.onLoadEarlier}
                placeholder="Type your message"
                renderSend={this.renderSend}
                alwaysShowSend={true}
                renderActions={this.imageSend.bind(this)}
                renderInputToolbar={this.renderInputToolbar}
                renderBubble={this.renderBubble.bind(this)}
                renderMessage={this.renderMessage.bind(this)}
                renderMessageImage={this.renderMessageImage}
                renderAvatar={null}
                inverted={true}
            /> 

在这里，我需要使用自定义图像渲染器。我知道我需要使用renderMessageImage，但是我找不到合适的例子来实现它。

My RenderMessageImage is 

        renderMessage(props) {
           if(this.state.messages.length !==0){
             return <Message {...props} 
             />;
             }else{
               return <View style={{flex:1, backgroundColor:'red'}}>
                 <Text>Hello no data found</Text>
               </View>
                  }
                return null
                    }

但它不起作用。

我的另一个问题是，如果没有任何消息需要显示资优聊天屏幕，因为没有找到消息而不是白屏。我怎样才能做到这两个。

我需要类似的屏幕