apple-mobile-web-app-status-bar-style in ios 10

Eu sei que esta pergunta já foi feita anteriormente, apenas quero saber se este ainda é o caso em ios 10 (e ios 9)...

de Acordo com a apple diretrizes de desenvolvimento para aplicações web (encontradas aqui), existem 3 opções para a barra de status em um aplicativo da web; padrão, preto e preto translúcido.

  1. por omissão resulta numa barra de Estado branca com texto preto,
  2. Preto resulta numa barra de Estado preto com branco texto, e
  3. translúcido a preto resulta num fundo transparente com branco texto. Além disso, esta barra de Estado flutua acima do seu conteúdo, significa que você tem que empurrar o seu conteúdo para baixo 20px, a fim de não ter o conteúdo sobrepõe-se ao texto da barra de Estado do thte.

eu realmente gostaria de usar a barra de Estado preto-translúcido (como eu acho que parece mais nativo), mas o fundo da minha página é um cinza claro. Isto torna o texto branco nesta barra de estado muito difícil de ler.

simplificando, eu gostaria de um fundo transparente com texto preto (essencialmente, default-translucent ). Isto é possível?

Author: Brad, 2016-09-28

2 answers

Infelizmente, não pode ter texto preto num fundo transparente .

Eu sou da opinião que isto será adicionado ao esquema em algum momento e também achar uma dor que você não pode alcançar este exemplo agora. Acho que, em suma, a resposta é desenhar o seu falso app nativamente para conseguir um maior controlo do seu comportamento e aparência.

A Documentação Da Apple Suportou Meta Tags


content="default"

Default apple-mobile-web-app-status-bar-style


content="black"

enter image description here


content="black-translucent"

enter image description here

 29
Author: Matt, 2016-11-24 12:18:09
Actualmente, não é possível. Eu só queria adicionar (depois de ler um comentário) que, a fim de que as alterações apareçam, pelo menos no meu iphone X, você vai precisar apagar o aplicativo do seu telefone, em seguida, voltar a adicioná-lo para a tela inicial.
 0
Author: AlexChaseJones, 2018-06-17 17:43:42