#android #ios #reactjs #react-native #mobile
#Android #iOS #reactjs #react-native #Мобильный
Вопрос:
Я новичок в React Native, и я хочу, чтобы я только что написал в нем свою первую строку кода. Я сделал кнопку и начал задаваться вопросом, как я могу изменить цвет и другие свойства текста в кнопке. <Button title="Click Me"></Button>
Мне также было интересно, есть ли какие-нибудь хорошие пакеты, которые рекомендуются для начинающих. Спасибо за помощь.
Ответ №1:
Вы можете использовать кнопку из react-native, подобную этой, а также передать цветовую опору.
Button
onPress={onPressLearnMore}
title="Click Me"
color="#841584"
/>
Для сложных и пользовательских кнопок вы можете создавать их в своих собственных стилях, используя сенсорные панели, которые предоставляются react-native, для этого вам не нужно использовать какие-либо сторонние библиотеки.
Пример:
<TouchableOpacity style={{ here you can specify custom styles for button container }} onPress={gotoDashboard}>
<Text style={{here you can specify text styles}}>Button Text Here</Text>
// You can add there as many components according to your designs.
</TouchableOpacity>
Комментарии:
1. Первый код не изменяет цвет текста.
2. компонент кнопки не имеет возможности изменять цвет текста. Свойство color просто изменяет общий цвет фона кнопки. Вы должны использовать Touchable для пользовательских кнопок. Попробуйте второй пример. Я надеюсь, что это будет тренировка