Fuel Design

Sucess Screen

É uma tela de sucesso construída nos padrões do app, esta possui o ícone de sucesso, a possibilidade de um título e subtítulo, um texto do botão(buttonLabel ) e uma função chamada no onPress do botão.

Propriedades

title: string;
subtitle: string;
buttonLabel: string;
onPress: () => void;

Utilização

Basta dar um navigate para a seguinte Rota, importante não esquecer de definir as props necessárias para a renderização da página:
navigate(RoutesManager.getRoute('common', 'success'), {
props: {
title: 'Tela de Sucesso renderizada com Sucesso',
subtitle: 'Defina alguma mensagem aqui',
onPress: navigate(RoutesManager.getRoute('home', 'home')),
buttonLabel: 'Continuar',
},
});
Screenshot from 2023-05-02 10-12-54.png
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.