0

我正在使用 Ionic 4 React 并尝试制作一个简单的聊天应用程序。当用户加载聊天页面时，我想在页面底部自动启动。最简单的方法是什么？

这是我的代码：

<IonPage>
        {/* Header */}
        <IonHeader>
            <IonToolbar>
            <IonButtons slot="start">
            <IonButton onClick={() => {
                setCurrentConversationId('')
                setState('home');
            }}
            fill="clear"  className="back-button" shape="round" size="default">
                <IonIcon slot="icon-only" icon={arrowBack} />
            </IonButton>
            </IonButtons>
            <IonTitle>Chat</IonTitle>
            </IonToolbar>
        </IonHeader> 

        {/* Content */}
        <IonContent>        
            {Object.values(messages).map((el, idx) => 
                printMessage(el, idx)
            )}
        </IonContent>

    </IonPage>
4

1 回答 1

0

您可以.scrollToBottom()在内容加载完成时使用。是一种方法ion-content。

于 2020-03-15T19:51:59.623 回答