javascript - React Native 电影示例 SearchBar

Question

我怀疑为什么 SearchScreen.js 中有这样的代码行:

var SearchBar = require('SearchBar');

但是我没有看到任何文件SearchBar.js，只看到SearchBar.android.js和SearchBar.ios.js。我不明白为什么它可以运行？

Answer 1

您将在 React Native 文档中找到答案:

Platform Specific Code

Platform specific extensions React Native will detect when a file has a .ios. or .android. extension and load the right file for each platform when requiring them from other components.

For example, you can have these files in your project:

BigButton.ios.js

BigButton.android.js

通过此设置，您可以只需要来自不同组件的文件，而无需关注应用程序运行的平台。

var BigButton = require('./components/BigButton');

React Native 将为运行平台导入正确的组件。