你如何在React Native iOS模拟器中隐藏警告？

Question

我刚刚升级了我的React Native，现在iOS模拟器有一堆警告。除了修复它们之外，我如何隐藏这些警告以便我可以看到下面的内容？

Answer 1

根据React Native Documentation，您可以通过将disableYellowBox设置为true来隐藏警告消息，如下所示：

console.disableYellowBox = true;

Answer 2

Related: Suppress Xcode warnings from React Native library

（但不适用于您自己的代码）

原因：当初始化一个新的RN应用程序时，Xcode项目包含更接近100个警告，这会分散噪音（但可能无害）

解决方案：在相关目标的“构建设置”下，将所有警告设置为“是”。

Disable warnings in Xcode from frameworks

https://github.com/facebook/react-native/issues/11736

Answer 3

选择性隐藏某些警告（在升级到最新且最好的RN版本后无限期显示）的更好方法是在项目中的常用JS文件中设置console.ignoredYellowBox。例如，在今天将我的项目升级到RN 0.25.1后，我看到很多......

警告：不推荐使用ReactNative.createElement ...

我仍然希望能够看到来自React-Native的有用警告和错误消息，但我想压缩这个特殊的警告，因为它来自一个尚未纳入RN 0.25中的重大变化的外部npm库。所以在我的App.js中我添加了这一行......

// RN >= 0.52
import {YellowBox} from 'react-native';
YellowBox.ignoreWarnings(['Warning: ReactNative.createElement']);

// RN < 0.52
console.ignoredYellowBox = ['Warning: ReactNative.createElement'];

这样我仍然会得到其他错误和警告对我的开发环境有用，但我不再看到那个特定的错误。

Answer 4

要禁用黄色框的位置

console.disableYellowBox = true; 

在您的应用程序中的任通常在根文件中，因此它将适用于iOS和Android。

例如

export default class App extends React.Component {
     render() {
          console.disableYellowBox = true;
          return (<View></View>);
     }
}

Answer 5

在index.js文件中添加以下代码

console.disableYellowBox = true;

    import {AppRegistry} from 'react-native';
    import App from './App';
    import {name as appName} from './app.json';

    console.disableYellowBox = true;



AppRegistry.registerComponent(appName, () => App);

Answer 6

If You're Trying to Quickly Demo the App.

如果您想在特定版本中隐藏它们，因为您正在进行演示或其他操作，您可以编辑Xcode方案以使其成为版本构建，并且这些黄色警告将不会显示。此外，您的应用程序将运行得更快。

您可以通过执行以下操作为您的模拟器和真实设备编辑Scheme：

1. 在XCode中的Project中。
2. Product> Scheme> Edit Scheme...
3. 将Build Configuration从Debug改为Release。

Answer 7

对于那些试图从控制台禁用红色警告的人来说，这给了绝对无用的信息，从feb / 17开始，你可以在某处添加这行代码

console.error = (error) => error.apply;

禁用所有console.error

Answer 8

要禁用黄色框，请在应用程序的任何位置放置console.disableYellowBox = true;。通常在根文件中，因此它将适用于iOS和Android。

如需了解更多详情，请查看official document

Answer 9

console.disableYellowBox = true;

这适用于应用程序级别将它放在index.js文件中的任何位置

Answer 10

在AppDelegate.m文件中，您可以更改此行：

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];

并在最后用dev=true取代dev=false。