Question

Ionic4项目中我们可以使用Ionic4导航条组件ion-footer对项目进行布局。

ion-footer官方文档地址:https://ionicframework.com/docs/api/footer

Footer is a root component of a page that sits at the bottom of the page. Footer can be a wrapper for ion-toolbar to make sure the content area is sized correctly.

ion-footer　用法(Usage)

javascriptreact

  
    Footer
  
</ion-footer>

import React from 'react';

import { IonContent, IonFooter, IonToolbar, IonTitle } from '@ionic/react';

const Example: React.SFC = () => (
  
    

    
      
        Footer
      
    
  
);

export default Example;

ion-footer　属性(Properties)

mode
Description	The mode determines which platform styles to use.
Attribute	mode
Type	"ios" | "md"
translucent
Description	If true, the footer will be translucent. Note: In order to scroll content behind the footer, the fullscreen attribute needs to be set on the content.
Attribute	translucent
Type	boolean
Default	false