Как изменить цвет и текст кнопки в зависимости от внешних условий в React Native ⇐ Android

[Anonymous]

Это мой очень простой код:

Код: Выделить всё

import React from 'react';
import { Pressable, SafeAreaView, StyleSheet, Text, View } from 'react-native';

function generateRandomNumber() {
const min = 1;
const max = 100;
const randomNumber =
Math.floor(Math.random() * (max - min + 1)) + min;
return randomNumber;
};

function NoIdeaHowToFixScreen({ navigation }) {
let x = 1;

const pressRandom = () => [
x = generateRandomNumber(),
console.log(x),
]

return (


x


{x}


{"Random"}


);
}

const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
},
})

export default NoIdeaHowToFixScreen;

Я нажимаю одну кнопку, чтобы сгенерировать случайное число (x) от 0 до 100. Я хочу, чтобы в текстовой метке отображалось это число (вместо «x»). Я также хочу, чтобы еще одна кнопка отображала обновленное случайное число, и я хочу, чтобы она изменила свой цвет.
Я понятия не имею, как это сделать

Подробнее здесь: https://stackoverflow.com/questions/792 ... act-native