Telas e componentes

Abaixo a relação de telas e componentes com os seus respectivos nomes, e tipos:

Header Flui (DEPRECIADO)

  1. backgroundColor;

Header Flui

  1. statusBarBackgroundColor ;
  2. navigationBackgroundColor.

Inserir valor

  1. vLabel1 → labelFlui;
  2. ivLabelPrefixCurrency → labelFlui;
  3. ivTextField1 → inputWithEdit;
  4. ivButton1 → buttonBlock.

Selecionar forma de pagamento

  1. sptLabel1 → labelFlui;
  2. spLabelPrefixCurrency → labelFlui;
  3. sptLabel2 → labelFlui;
  4. sptTextField1 → inputWithEdit;
  5. sptLabel3 → labelFlui;
  6. sptRadio1 → radio;
  7. sptInstallments1 → installmentsDetails;
  8. sptButton1 → buttonBlock.

Modal Parcelas

  1. sptBottomSheet1 → bottomSheetFlui.

Minhas vendas

  1. slLabel1 → labelFlui ;
  2. saleCard.
  1. slLabelNoResults → labelFlui.
  1. sbLabelReload → labelFlui ;
  2. slButtonReload → buttonBlock.

Detalhes da venda

  1. sdLabelTitle → labelFlui;
  2. saleDetailStatus;
  3. sdcLabel → labelFlui;
  4. sdcLabelContent → labelFlui;
  5. sdLabelInstruction → labelFlui;
  6. sdButton1 → buttonBlock.
  1. odsLabel1 → labelFlui ;
  2. odsLabel2 → labelFlui.

Tela de erro

  1. erLabel1 → labelFlui;
  2. erLabel2 → labelFlui;
  3. erButton1 → buttonBlock.

Loader

  1. loader.

Tela de sucesso

  1. fbsLabel1 → labelFlui;
  2. fbsLabel2 → labelFlui;
  3. fbsLabel3 → labelFlui;
  4. fbsButton1 → buttonBlock.

Comprovante

  1. receipt.

BottomSheet

  1. ccTitle → labelFlui;
  2. ccBody → labelFlui;
  3. ccConfirm → buttonBlock;
  4. ccBack → buttonBlock.

Venda teste - introdução

  1. fkiLabel1 → labelFlui;
  2. fkiLabel2 → labelFlui;
  3. fkiLabel3 → labelFlui;
  4. fkiwView1 → warningView;
  5. fkiwButtonNext → buttonBlock.

Venda teste - inserir valor

  1. ivLabel1 → labelFlui;
  2. ivLabelPrefixCurrency → labelFlui;
  3. ivTextField1 → inputWithEdit;
  4. ivWarningFakeSale → warningView;
  5. ivButton1 → buttonBlock.

Venda teste - seleção do tipo de pagamento

  1. sptLabel1 → labelFlui;
  2. spLabelPrefixCurrency → labelFlui;
  3. sptLabel2 → labelFlui;
  4. sptTextField1 → inputWithEdit;
  5. sptWarningTestSale → warningView;
  6. sptLabel3 → labelFlui;
  7. sptRadio1 → radio;
  8. sptInstallments1 → installmentsDetails;
  9. sptButton1 → buttonBlock.

Venda teste - tela de sucesso

  1. fbsLabel1 → labelFlui;
  2. fbsLabel2 → labelFlui;
  3. fbsLabel3 → labelFlui;
  4. fksWarning → warningView;
  5. fbsButton1 → buttonBlock.

Venda teste - tela de error para tipo 01

  1. fkeLabel1 → labelFlui;
  2. fkeLabel2 → labelFlui;
  3. fkeLabel3 → labelFlui;
  4. fkeLabel4 → labelFlui;
  5. fkeWarning → warning;
  6. fkeNextButton → buttonBlock.

Venda teste - tela de error para tipo 02

  1. fkeLabel1 → labelFlui;
  2. fkeLabel2 → labelFlui;
  3. fkeWarning → warning;
  4. fkeNextButton → buttonBlock.

Alterar cores

Utilize o JSON abaixo como exemplo para alterar as cores:

Baixar JSON.


Did this page help you?