Use inside f7Page. Mandatory!
f7Init( skin = c("ios", "md", "auto", "aurora"), theme = c("dark", "light"), filled = FALSE, color = NULL, tapHold = TRUE, tapHoldDelay = 750, pullToRefresh = FALSE, iosTouchRipple = FALSE, iosCenterTitle = TRUE, iosTranslucentBars = FALSE, hideNavOnPageScroll = FALSE, hideTabsOnPageScroll = FALSE, serviceWorker = NULL )
skin | App skin: "ios", "md", "auto" or "aurora". |
---|---|
theme | App theme: "light" or "dark". |
filled | Whether to fill the f7Navbar and f7Toolbar with the current selected color. FALSE by default. |
color | Color theme: See http://framework7.io/docs/color-themes.html. Expect a name like blue or red. If NULL, use the default color. |
tapHold | It triggers (if enabled) after a sustained, complete touch event. By default it is disabled. Note, that Tap Hold is a part of built-in Fast Clicks library, so Fast Clicks should be also enabled. |
tapHoldDelay | Determines how long (in ms) the user must hold their tap before the taphold event is fired on the target element. Default to 750 ms. |
pullToRefresh | Whether to active the pull to refresh feature. Default to FALSE. |
iosTouchRipple | Default to FALSE. Enables touch ripple effect for iOS theme. |
iosCenterTitle | Default to TRUE. When enabled then it will try to position title at the center in iOS theme. Sometime (with some custom design) it may not needed. |
iosTranslucentBars | Enable translucent effect (blur background) on navigation bars for iOS theme (on iOS devices). FALSE by default. |
hideNavOnPageScroll | Default to FALSE. Will hide Navbars on page scroll. |
hideTabsOnPageScroll | Default to FALSE. Will hide tabs on page scroll. |
serviceWorker | Object with service worker module parameters. (Use for PWA). |
David Granjon, dgranjon@ymail.com