0
427
VistasCómo cambiar el color del botón y el botón de texto del botón en reaccionar nativo
¿Cómo cambiar el color del botón y el botón de texto del botón en reaccionar nativo? No he agregado ningún color a mi botón de envío, pero aún así su color se vuelve azul. Quiero que el color azul se vuelva blanco y el color del texto de envío se vuelva azul. ¿Cómo puedo hacer eso? 
MI CÓDIGO
import React, { useState } from 'react'; import { Text, View, StyleSheet, SafeAreaView, TextInput, Button } from 'react-native'; import socketServices from './src/utils/socketService'; const App = () => { const [message, setmessage] = useState('') const [data, setData] = useState([]) return ( <SafeAreaView style={{flex:3}}> <View style={styles.container}> <View style={{flexDirection: 'row', justifyContent: 'space-between'}}> <View style={{flex:0.8}}> <TextInput value={message} placeholder='Enter Your Message' style={styles.inputStyle} onChangeText={text => setmessage(text)}/> </View> <View style={{flex:0.2}}> <Button title='Send'/> </View> </View> </View> </SafeAreaView> ); }; const styles = StyleSheet.create({ container: { flex: 3, padding: 24 }, inputStyle: { height: 42, borderWidth: 3, borderRadius: 6, paddingHorizontal: 8 } }); export default App;3 Respuestas
Responde la pregunta0
puede usar los accesorios de color para Button.in ios establece el color del texto y en android establece el color de fondo. puede usar TouchableOpacity o TouchableWithoutFeedback o ... en lugar de Button.
0
su necesidad de usar el botón de apagado TouchableOpacity
import { StyleSheet, TouchableOpacity, Text, View } from 'react-native'; <TouchableOpacity style={styles.button} onPress={onPress} > <Text style={styles.textStyle}>Press Here</Text> </TouchableOpacity> const styles = StyleSheet.create({ button: { alignItems: "center", backgroundColor: "#000000", padding: 10 }, textStyle: { color: "#FFFFFF" } });0
El componente React Button representa el botón nativo en cada plataforma que utiliza. Debido a esto, no responde al prop de estilo. Tiene su propio conjunto de accesorios.
La forma correcta de usarlo habría sido
Puedes ver la documentación en