Perguntas com a marcação «react-native»

Parece que position:absoluteem uso um elemento não pode ser centralizado usando justifyContentou alignItems. Há uma solução alternativa a ser usada, marginLeftmas não exibe a mesma para todos os dispositivos, mesmo usando dimensões para detectar a altura e a largura do dispositivo. bottom: { position: 'absolute', justifyContent: 'center', alignItems: 'center', top: …

96 position  react-native  flexbox  absolute 

Este é meu projeto: https://github.com/kenpeter/my_hak_news , que é uma cópia direta de https://github.com/grigio/HAgnostic-News . Git clone https://github.com/kenpeter/my_hak_news e executereact-native run-android Recebi este erro: * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to finalize session : INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.hagnosticnews signatures do not match the previously installed …

95 android  reactjs  react-native 

Gostaria de perguntar como reage a lidar com nativos ou como fazer a fonte responsiva. Por exemplo, no iphone 4s, tenho fontSize: 14, enquanto no iphone 6, tenho fontSize: 18.

95 ios  reactjs  react-native 

Em React Native, borderRadius está funcionando, mas a cor de fundo dada ao botão permanece quadrada. O que está acontecendo aqui? JS <TouchableHighlight style={styles.submit} onPress={() => this.submitSuggestion(this.props)} underlayColor='#fff'> <Text style={[this.getFontSize(),styles.submitText]}>Submit</Text> </TouchableHighlight> Estilo ... submit:{ marginRight:40, marginLeft:40, marginTop:10, }, submitText:{ paddingTop:20, paddingBottom:20, color:'#fff', textAlign:'center', backgroundColor:'#68a0cf', borderRadius: 10, borderWidth: 1, borderColor: '#fff' …

94 javascript  styles  react-native 

Como posso fazer a <Text />vertical (girada 90 graus) em reagir nativo? Quero ter algum texto no lado direito da página, ao longo da borda da tela.

94 react-native 

Quero fazer um divpalito na parte superior da tela sem qualquer influência sobre outros elementos e seu elemento filho no centro. .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div class="child">text</div> </div> Executar snippet de códigoOcultar resultadosExpandir snippet Quando eu adiciono a position: absolutelinha, justify-content: centertorna-se inválido. …

93 css  react-native  flexbox 

Sou novo no react-native e quero abrir o url no navegador padrão, como o Chrome no Android e no iPhone . Abrimos url via intent no Android, da mesma forma que a funcionalidade que desejo alcançar. Pesquisei muitas vezes, mas isso me dará o resultado do Deepklinking .

93 android  ios  react-native 

O que causa o seguinte problema? Minha versão do Android SDK não é compatível? Starting JS server... Building and installing the app on the device (cd android && gradlew.bat installDebug)... FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > failed to find …

92 javascript  android  reactjs  react-native 

Eu instalei uma biblioteca de terceiros em meu projeto, mas ela não está funcionando, então quero excluir essa biblioteca do meu projeto. Como posso fazer isso?

92 react-native 

A entrada de texto é alinhada ao centro, como corrigir esta entrada de texto para que receba a entrada do canto superior esquerdo Aqui está meu css para entrada de texto /* The Text input is center aligned, how to fix this text input so that it takes input from …

91 javascript  ios  reactjs  react-native 

Já vi esse hack para aplicativos nativos rolarem automaticamente a janela, mas me perguntando a melhor maneira de fazer isso no React Native ... Quando um <TextInput>campo recebe o foco e é posicionado baixo na visualização, o teclado cobre o campo de texto. Você pode ver esse problema no exemplo …

90 javascript  react-native 

Qual é a prática recomendada para acionar um evento quando o Animated.spring terminar? Animated.spring(this.state.pan, { toValue: 0 }).start() Eu pesquisei um pouco e não encontrei uma única maneira de fazer isso. Eu poderia usar addListener para verificar se a animação atingiu seu valor final ou um tempo limite, mas ambos …

88 react-native 

Para um aplicativo semelhante a um bate-papo, quero manter um ScrollViewcomponente rolado para a parte inferior, porque as mensagens mais recentes aparecem abaixo das mais antigas. Podemos ajustar a posição de rolagem de a ScrollView?

87 react-native 

Estou usando o StackNavigator da navegação nativa react (react-navigation). ele começa na página de Login ao longo de todo o ciclo de vida do aplicativo. Não quero ter a opção de voltar, voltando para a tela de Login. Alguém sabe como pode ficar oculto na tela após a tela de …

87 reactjs  react-native  navigation  react-navigation 

Comecei um novo projeto React Native e continuo recebendo o seguinte aviso: O depurador remoto está em uma guia em segundo plano, o que pode fazer com que os aplicativos funcionem lentamente. Corrija isso colocando a guia em primeiro plano (ou abrindo-a em uma janela separada). É um pouco chato, …

86 react-native