小编dke*_*haw的帖子

使用按钮更改文本颜色

我正在尝试创建一个简单的 React Native 应用程序:

  1. 呈现“你好,[名字]!” 当用户输入姓名时(这部分有效)
  2. 更改“你好,[姓名]!” 按下按钮时的文本颜色。

关于我应该如何去做的任何想法?

我给出this了黑色的初始状态,但这似乎没有任何作用。

我想要发生的是在单击红色按钮时触发 makeRed,这将使文本变为红色。一旦我完成这项工作,我将添加更多颜色按钮。

谢谢!

请参阅下面的我的 App.js 代码。所有其他文件都保持默认状态。

import React, { Component } from 'react';
import {
  AppRegistry,
  Platform,
  StyleSheet,
  Text,
  TextInput,
  View,
  Button
} from 'react-native';

export default class App extends Component<{}> {
  constructor(props) {
    super(props);
    this.state = {
      text: 'World',
      color: 'black'
    };
  }

  makeRed = () => {
    this.setState({
      color: 'red'
    });
  }

  render() {
    return (
      <View style={styles.container}>
        <Text style={[styles.welcome, {color: undefined}]}>
          Hello, {this.state.text}!
        </Text>
        <TextInput …
Run Code Online (Sandbox Code Playgroud)

reactjs react-native react-native-ios

6
推荐指数
1
解决办法
5277
查看次数

如何在我的网站中隐藏 Google reCAPTCHA v3?

我刚刚从 v2 升级,css 不再是从我的 UI 隐藏 recaptcha 徽章的有效选项。这可以用 JavaScript 完成吗?

recaptcha recaptcha-v3

4
推荐指数
1
解决办法
4739
查看次数