小编msa*_*dak的帖子

在渲染组件后,将焦点设置在特定文本字段上的反应方式是什么？

文档似乎建议使用refs,例如:

ref="nameInput"在渲染函数的输入字段中设置,然后调用:

this.refs.nameInput.getInputDOMNode().focus(); 

但我应该在哪里打电话呢？我尝试了几个地方,但我无法让它工作.

我正在尝试在我的Nexus5(Android 5.1.1)上运行AwesomeProject.

我能够构建项目并将其安装在设备上.但是当我运行它时,我得到一个红色屏幕说

无法下载JS包.您是否忘记启动开发服务器或连接设备？

在本机iOS中,我可以选择离线加载jsbundle.我怎么能为Android做同样的事情？(或者至少,我在哪里可以配置服务器地址？)

更新

要使用本地服务器运行,请在react-native项目根目录下运行以下命令

1. react-native start > /dev/null 2>&1 &
2. adb reverse tcp:8081 tcp:8081

请查看dsissitka的答案了解更多详情.

要在没有服务器的情况下运行,请通过运行以下命令将jsfile捆绑到apk中:

1. 在下创建一个资产文件夹 android/app/src/main
2. curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"

请查看kzzzf的答案以获取更多详细信息.

作为JavaScript的新手,我无法辨别何时使用这些.

任何人都可以帮我澄清一下吗？

我是反应原生的新手,我想在默认浏览器中打开网址,例如Android和iPhone中的Chrome.

我们通过Android中的意图打开网址,就像我想要实现的功能一样.

我有很多次搜索,但它会给我Deepklinking的结果.

我在运行react-native run-ios时遇到一个问题，以下消息显示，并且我认为它与babel有关：

有人已经有这个问题了吗？

"GET /index.bundle?platform=ios&dev=true&minify=false HTTP/1.error: bundling failed: Error: Unable to resolve module `@babel/runtime/helpers/interopRequireDefault` from `/Volumes/SD/react/PropertyFinder/index.js`: Module `@babel/runtime/helpers/interopRequireDefault` does not exist in the Haste module map

谢谢

我试图通过将值从一个屏幕携带到另一个屏幕来以本机反应从一个屏幕导航到另一个屏幕，但是我收到了上述错误。理想情况下，我想从平面列表中发送值，我试图实现一个可点击的平面列表，它将参数从选定的行传递到另一个屏幕。

//索引.js

import React from 'react';
import { StyleSheet, Button, Text, View, FlatList, TouchableHighlight } from 'react-native';

const ComponentsScreen = ({ navigation }) => {

  //example for detail scree
  return (
    <View>
    <FlatList
           data={[
             { key: 'Task 1' },
             { key: 'Task 2' },
             { key: 'Task 3' },
             { key: 'Task 4' },
             { key: 'Task 5' },
           ]}
           renderItem={({ item }) => {
               return (
                 <TouchableHighlight
                        onPress={() =>
                        navigation.navigate('Next', { message: 'hello from screen 1' })}
                 >
                      <Text …

我试图简单地显示一个图像并让它自动缩放以适应屏幕。根据文档resizeMode: 'contain'应该做我想做的。但是，我尝试过的一切似乎都不起作用。我试过手动设置宽度和高度。我试过将它们设置为undefined. 我试过使用，Dimensions.get("window").height但无论图像没有调整大小，它都会超出屏幕的底部和右侧。

这是原始图像：

这是它的呈现方式：

这是我的代码：

<View>
   <Image source={require('../../images/wireframe-car.jpg')} style={{resizeMode: 'contain'}} />
</View>

我错过了什么？

提前致谢

我正在使用 React-native 为 iOS 设备构建一个应用程序，并使用 expo 中的 MapView 来绘制地图。我不知道如何添加自己的自定义窗口，理想情况下该窗口将有两行文本数据。有人知道如何在 React-native 中自定义信息窗口吗？

谢谢。