react-native 相关问题

React Native允许您使用React构建本机移动应用程序。 React Native的重点是在您关注的所有平台上实现开发人员效率 - 学习一次，随处写作。

如何在React Native中跟踪countOfResponseBodyBytesReceived和countOfResponseBodyBytesAfterDecoding（类似于iOS）？

在 iOS (13.0+) 中，NSURLSessionTaskMetrics 提供了以下属性： @可用（iOS 13.0，*）打开 var countOfResponseBodyBytesReceived: Int64 { get } @可用（iOS 13.0，*）打开变量

react-native axios fetch-api

回答 1 投票 0

父级上的 maxheight 会阻止子级上的 Flex Growth 工作

我有一个具有以下结构的组件：我有一个具有以下结构的组件： <View style={styles.container}> <LoyaltyCard {...cardData} onPress={onCardDetails} style={styles.card} /> <ScrollView style={styles.informationContainer}> <LoyaltyCardInformation style={styles.information} storeId={storeId} /> </ScrollView> <TextButton title={"Add Card"} onPress={onAddCard}></TextButton> </View> 相关样式： container: { minHeight: 0, maxHeight: "60%", flexDirection: "column" }, card: { zIndex: 2 }, informationContainer: { marginTop: -15, marginBottom: -15, flexGrow: 1, // height: 300, padding: 15, backgroundColor: "#f0f" }, information: { paddingTop: 15, paddingBottom: 15 } 这给了我以下结果：正如您所看到的，粉色 informationContainer 并未占据 flexGrow 属性指示的组件中的所有剩余空间。如果我检查检查员是否有足够的空间，请参阅下图：如您所见，有足够的空间。那么我该如何让粉色容器占据所有可用空间呢？您可以尝试将 flexGrow: 1 放在 container 风格上吗？

css react-native flexbox

回答 1 投票 0

如果图像 url 在 React Native 中给出 404 错误，我如何使用默认图像？

如果图像 URL 出现 404 错误，我想加载默认图像。我在 image prop 中尝试了 onError() 但它不起作用。 { 设置错误（真）； ...

javascript reactjs react-native react-hooks react-image

回答 3 投票 0

可能未处理的 Promise 拒绝（id：1）

我试图在 React Native 中使用来自 expo 的 Google API 身份验证，当我尝试登录到 api 时，出现下一个错误：代码：从 'react' 导入 React, { createContext,useContext } 小鬼...

javascript react-native react-hooks expo google-authentication

回答 1 投票 0

按下时可触摸不透明度颜色变化

我的 React-Native 应用程序中有以下代码。我的 React-Native 应用程序中有以下代码。 <TouchableOpacity // onPress={onPress} onPressIn={this.handlePressIn} onPressOut={this.handlePressOut} disabled={disabled} style={[ styles.button, buttonStyle, this.buttonStyles(), ]} > <Text>Hello</Text> </TouchableOpacity> 我想改变按下时TouchableOpacity的颜色。因此，在onPressIn中，我将颜色更改为暗红色，但它显示浅红色或类似的东西。那里不能设置深色。这里有什么问题呢？我怎样才能改变颜色直到我onPressOut？颜色应该是深色的。找到解决方案。在 TouchableOpacity 中设置 activeOpacity={1}。 <TouchableOpacity onPress={onPress} activeOpacity={1} /> 编辑：我想我有点过度设计了。您只需使用 activeOpacity={1} 属性即可。问题：问题在于，TouchableOpacity已经通过降低按钮的不透明度提供反馈，允许用户按下按钮时可以看到背景。因此，即使您更改按钮的背景颜色，您也不会注意到它。幸运的是，我有一个解决方案给你。解决方案：您可以将 TouchableWithoutFeedback 与附加视图一起使用来创建您想要的行为。代码： <TouchableWithoutFeedback onPressIn={() => this.setState({pressIn: true })} onPressOut={() => this.setState({pressIn: false})} > <View // change the color depending on state style={{ backgroundColor: this.state.pressIn ? '#4c7d4c': '#98FB98'}} > <Text> Custom Button </Text> </View> </TouchableWithoutFeedback> 输出：工作示例： https://snack.expo.io/@tim1717/quiet-watermelon

react-native touchableopacity

回答 2 投票 0

React js 状态管理 if-else 条件

函数应用程序（isTrue）{ 如果（为真）返回别的返回 } // 如果我这样写有什么不同函数应用程序（isTrue）{ 返回（<> {是...

reactjs react-native react-state-management

回答 1 投票 0

无法在 iOS React Native 应用程序中生成 FCM 令牌

我在尝试将 Firebase Cloud Messaging (FCM) 集成到我的 iOS React Native 应用程序中时遇到错误。尝试获取 FCM 令牌时，我收到以下错误消息：

firebase react-native

回答 1 投票 0

如何将多张图片的帧循环显示为动画

我有几帧动画。我想循环显示动画。我读过： https://reactnative.dev/docs/animations https://reactnative.dev/docs/animated https://blog.bitsrc.io/mak...