Question

在设备上运行时出现错误，如“按钮的标题支柱必须是字符串 - 反应原生”

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

export default class sample extends Component {

render() {
return (
    <Button
      style={{fontSize: 20, color: 'green'}}
      styleDisabled={{color: 'red'}}
      onPress={() => this._handlePress()}>
      title="Press Me"
    </Button>
);
}


_handlePress() {
  console.log('Pressed!');
}
}

AppRegistry.registerComponent('sample', () => sample);

Answer 1

我认为你太早关闭了Button标签。

<Button
  style={{fontSize: 20, color: 'green'}}
  styleDisabled={{color: 'red'}}
  onPress={() => this._handlePress()}> // <-- closed tag here
  title="Press Me"
</Button>

只需在标题属性

之后关闭标记即可

<Button
  style={{fontSize: 20, color: 'green'}}
  styleDisabled={{color: 'red'}}
  onPress={() => this._handlePress()}
  title="Press Me"
>
  Press Me
</Button>

Answer 2

按钮名称应使用标题关键字

编写

示例：

<Button
  style={{fontSize: 20, color: 'green'}}
  styleDisabled={{color: 'red'}}
  onPress={() => this._handlePress()}
  title="Press Me"
>
</Button>

按钮标签
中的
title =“按我”

Answer 3

实际上，就我而言，我缺少了“标题” 支柱。这就是为什么它显示错误。当我添加“标题” 道具时，该错误消失了。就是这样。

按钮的标题支柱必须是一个字符串 - 本机反应

3 个答案: