小编Ner*_*gen的帖子

如何正确使用 React Native onLongPress?

我有一段简单的代码,它只是一个带有 onLongPress 道具的 TouchableOpacity,但它似乎不起作用。

<TouchableOpacity delayLongPress={10} onLongPress={()=>{console.log("pressed")}} activeOpacity={0.6}>
  <Text>BUTTON</Text>
</TouchableOpacity>
Run Code Online (Sandbox Code Playgroud)

我试过删除延迟道具,但这仍然不起作用。然而,将 onLongPress 更改为 onPress 似乎确实有效,但我想要长按功能。我正在 Android 模拟器上对此进行测试。

react-native react-native-android touchableopacity touchablehighlight touchablewithoutfeedback

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

配置类似反向代理的 Firebase 托管解决方案

这就是我目前拥有的

domain.com ->  website A with its own firebase host (domain.firebase.com)
me.domain.com -> website B with its own firebase host (domain-me.firebase.com)
Run Code Online (Sandbox Code Playgroud)

这并不难设置,只需将多个子域重定向到不同的 Firebase 主机即可。现在,我想要的是反向代理接受请求,并可以选择将流量路由到各种服务器,同时将客户端 URL 仅保留在domain.com主域上。我不确定这对于 Firebase是否可行,因为有大量的 NGINX 实现示例,但基本上,我想要这个:

domain.com/ ->  website A with its own firebase host (domain.firebase.com)
domain.com/me -> website B with its own firebase host (domain-me.firebase.com)
Run Code Online (Sandbox Code Playgroud)

Firebase 具有非常复杂的重定向选项,但重定向也会覆盖客户端 URL。因此,通过重定向,客户端将看到domain-me.firebase.com而不是domain.com/me,这不是我想要的。

据我所知,我可以使用 Firebase Cloud 功能作为中间件,并让它根据需要为任一站点提供服务。然而,这会带来大量延迟,因为云功能和 Firebase 托管网站都有冷启动时的预热时间。

不给我完整而详细的答案也没关系,我真的只是想知道这是否可以开始,以及在哪里可以找到相关资源。谢谢!

proxy reverse-proxy firebase firebase-hosting google-cloud-functions

5
推荐指数
1
解决办法
4721
查看次数

React Native FlatList 项目未呈现

我正在测试嵌套在导航器中的 FlatList 并试图了解它是如何工作的。下面的代码工作正常:

<FlatList
    data={[{key: 'a'}, {key: 'b'}]}
    renderItem={({item}) => <Text>{item.key}</Text>}
    horizontal={true}
/>
Run Code Online (Sandbox Code Playgroud)

但这不会:

<FlatList
    data={[{key: 'a'}, {key: 'b'}]}
    renderItem={({item}) => <TextComp data={item}/>}
    horizontal={true}
/>
Run Code Online (Sandbox Code Playgroud)

TextComp 只是一个显示 item.key 的组件,并且在单独测试时按预期工作。代码是

<View> 
    <Text>{this.props.data.key}</Text> 
</View> 
Run Code Online (Sandbox Code Playgroud)

我还尝试在两个组件周围绘制边框,似乎 FlatList 肯定正在呈现,但项目不是。

我正在我的 Android 设备上进行测试。

更新:我向 TextComp 组件添加了 console.log(this.props) 语句,它正确显示了道具,因此正确的数据正在从 FlatList 传递到 TextComp,但 TextComp 没有被呈现。

reactjs react-native react-native-android react-native-ios react-native-flatlist

3
推荐指数
1
解决办法
3501
查看次数