我在離子頁腳中有一張離子卡。它有一個 ion-textarea，因為它將用于聊天視窗。我正在嘗試在離子卡（箭頭）旁邊放置一個圖示，以便用戶可以提交訊息。
無論我將圖示放在離子卡內，離子卡內容內，離子頁腳內或外，它都沒有正確的定位。如果我把它放在頁腳里面，它甚至不顯示。如果我把它放在頁腳之外，它顯然位于頁腳的頂部或底部。
<IonFooter style={{backgroundColor: 'white'}}>
<IonCard style={{width: '75%'}}>
<IonCardContent >
<IonTextarea placeholder="Enter message here..." value={text} ionChange={e => setText(e.detail.value)}/>
</IonCardContent>
</IonCard>
<IonIcon icon={arrowForwardSharp} size={"large"} color={"black"}/>
</IonFooter>
頁腳內部（它在下面，但由于某種原因，即使我使用黑色圖示，您也看不到它）
頁腳外部（奇怪地放在黑框中）
uj5u.com熱心網友回復：
您可以嘗試在 ionCard 內部添加網格并調整 col 的數量
<ion-footer>
<ion-card>
<ion-card-content>
<ion-grid>
<ion-row>
<ion-col><ion-textarea placeholder="Enter message here..."></ion-textarea></ion-col>
<ion-col>
<ion-item><ion-icon name="arrow-forward"></ion-icon></ion-item></ion-col>
</ion-row>
</ion-grid>
</ion-card-content>
</ion-card>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/348946.html