Primeiro adicione um contêiner com ícone e título

Nas propriedades avançadas, defina seu nome como “escolha 1” e, em seguida,

vá para a guia Layout e altere o layout para horizontal. Certifique-se de selecionar
“Alinhar filhos verticalmente ao meio” e “justificar filhos horizontalmente à
esquerda”.
Em seguida, selecione o componente “title”, vá para layout e altere o espaço
esquerdo “S 8px”
Altere o ícone para “dot-circle-o” e altere a cor.

Agora coloque o título, duplique este container para o número de opções que você
deseja.

Mude para variável e adicione variável de página. com o tipo de lista de valores
verdadeiro/falso e adicione valores com o mesmo número de escolhas que você
fez, tornando-os todos falsos.

Quando o usuário tocar na opção, alteraremos o valor correspondente na lista para

true usando a variável de página definida e todos os outros valores na lista para
false. Portanto, na lógica do primeiro ícone, adicione definir a função de fluxo da
variável de página, vincule-a à variável de página 'clicked_icon' e, em seguida,
defina o primeiro valor como true e os outros como false.

Iremos repetir o mesmo com outros ícones adicionando a variável set page,
vinculá-la e selecionar apenas o valor correspondente para true e outros para
false…
Agora iremos ao ícone e mudaremos seu nome de acordo com o valor
correspondente na lista. Se o valor for true … vai levar o ícone 'ponto-círculo-o',
senão será 'círculo-o'. coloque a fórmula como a seguir para todos os ícones e
altere o índice da lista para o correto.

IF(pageVars.clicked_icon[0], “ponto-círculo-o”, “círculo-o”)

Agora, a última etapa, quando a página estiver montada, queremos fazer com que
o primeiro botão de opção apareça como selecionado, então adicionamos a
variável de página definida à página montada e definimos o primeiro valor na lista
como 'verdadeiro'.