React Reference > Page Component

<Page />

使い方 

<Page
    renderFixed={() => <Fab></Fab>}
    renderToolbar={() => <Toolbar>...</Toolbar>}
    contentStyle={{padding: 40}}>
    <div> Page content </div>
  </Page>

Prop一覧

[編集]
名前 型 / デフォルト値 概要
contentStyle object Specify the style of the page content. Optional. Optional.
modifier string Specify modifier name to specify custom styles. Optional. （翻訳中） Optional.
renderModal func
() => null 		This function renders a modal that masks current screen. Optional.
renderToolbar func
() => null 		This function renders the toolbar of the page. （翻訳中） Optional.
renderBottomToolbar func
() => null 		This function renders the bottom toolbar of the page. （翻訳中） Optional.
renderFixed func
() => null 		This function renders fixed content of the page. Can be used to render Fab or SpeedDial components as well as other components that don’t scroll with the page. （翻訳中） Optional.
onInit func Fired right after the page is attached. （翻訳中） Optional.
onShow func Called Fired right after the page is shown. （翻訳中） Optional.
onHide func Called after the page is hidden. （翻訳中） Optional.
onInfiniteScroll func Called when scrolling to the bottom of the page. It gets a ‘done’ callback (first argument) that must be called when it’s finished. （翻訳中） Optional.
onDeviceBackButton func Custom handler for device back button. （翻訳中） Optional.

プリセットのmodifier

[編集]
Name 概要
material Material Design style （翻訳中）

お困りですか?

Onsen UIに関する質問は、Stack Overflowにてonsen-uiタグを付与してください。Onsen UIチームはあなたの問題解決をお手伝いします。

バグ報告や機能要望については、GitHub Issuesに記載をお願いいたします。

あわせて、下記の情報も参考にしてください。