1.0.36 • Published 8 months ago
flutua-ui v1.0.36
FLUTUA UI
Uma biblioteca de componentes UI para react native.
Essa biblioeteca é pensada para ser responsiva para Android, IOS e Web(Desktop e Mobile)
Menu
Exemplo de uso do menu
import { FMenu } from "flutua-ui"
export default function RootLayout() {
return (
<FMenu.context
pathsMenu={[
{ name: "Home", path: "/" },
{ name: "Preferência", path: "/settings" },
{ name: "Perfil", path: "/settings/profile", notVisible: true }, // Um rota que não será mostrada no menu
]}
>
<Stack
screenOptions={{
headerShown: false,
}}
>
<Stack.Screen name='index' />
<Stack.Screen name='settings/index' />
</Stack>
</FMenu.context>
)
}
Input
Exemplo de uso do input
import { FInput } from "flutua-ui"
export default function Page() {
return <FInput />
}
Input no Menu
Exemplo mostra como adicionar componentes como input e botões no menu
import { useEffect } from "react"
import { Text, View } from "react-native"
import { FInput } from "flutua-ui"
import useMenu from "flutua-ui/dist/hooks/menu"
export default function Page() {
const { setInputComponent } = useMenu() // Importo o hook da lib par adicionar o input
// Na inicialização do componente eu faço o inject
useEffect(() => {
setInputComponent(<FInput />) // Adicionando o input ao menu
}, [])
return (
<View style={styles.container}>
<Text>Page</Text>
</View>
)
}
1.0.26
8 months ago
1.0.25
8 months ago
1.0.24
8 months ago
1.0.27
8 months ago
1.0.33
8 months ago
1.0.32
8 months ago
1.0.36
8 months ago
1.0.35
8 months ago
1.0.34
8 months ago
1.0.23
8 months ago
1.0.22
8 months ago
1.0.21
8 months ago
1.0.20
8 months ago
1.0.19
8 months ago
1.0.18
8 months ago
1.0.17
8 months ago
1.0.16
8 months ago
1.0.15
8 months ago
1.0.14
8 months ago
1.0.13
8 months ago
1.0.12
8 months ago
1.0.11
8 months ago
1.0.10
8 months ago
1.0.9
8 months ago
1.0.8
8 months ago
1.0.4
8 months ago
1.0.3
8 months ago
1.0.2
8 months ago
1.0.1
8 months ago
1.0.0
8 months ago