草庐IT

javascript - 在 React Native 中动态添加组件时如何启用流畅的动画?

在我的ReactNative应用程序中,我有一张带有条件的卡片按下按钮时呈现并在触发相同按钮时删除的组件。这是我的代码的样子:this.setState({triggered:!this.state.triggered})}title="ClicktoExpand"/>Loremipsumdolorsitamet,consecteturadipiscingelit,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.Utenimadminimveniam,quisnostrudexercitationullamcolabori

javascript - React-Navigation - 标题与其屏幕组件的交互,失败的 Prop 类型

我正在关注React-Navigation教程,并卡在标题为Headerinteractionwithitsscreencomponent的部分.Thecode在教程中,在snack提供的模拟器中工作正常,但我发现在本地运行时遇到以下错误:警告:Prop类型失败:Prop“onPress”在“按钮”中被标记为必需,但其值为“未定义”。我通过更改navigationOptions中的onPress事件分配,设法使用expo-cli在我的本地机器上运行代码,如下所示(mysnackhere):{navigation.getParam('increaseCount')()}}//onPres

javascript - react native - 在 package.json 中使用别名进行绝对导入

我看到一些项目使用import'@someDir/something',它解决了相对导入的问题。然后我找到了这个blogpost说说这个方法。它基本上告诉您在目录中创建package.json并指定它们的别名。我在我基于expo的react-native项目中实现了它,效果很好。像这样:{"name":"@someDir"}在src/someDir/package.json中。而且我可以在任何地方导入'@someDir/something'。为什么会这样?背后发生的魔法在哪里?Webpack还是babel还是react-native本身?我看到了anissue正在讨论此功能,但我不知道

javascript - React Native Expo build 非常缓慢

我最近注意到我的构建时间显着增加,有时需要整整一分钟才能加载。在控制台上,我仍然相当快地看到“BuildingJavaScriptbundle:finished”,但屏幕刷新时间要长得多。有没有理由会发生这样的事情? 最佳答案 尝试在您的开发机器上的模拟器中使用Expo,并确定它花费的时间是否与您的设备一样长:如果它比您的测试设备更快,那么您应该检查测试设备上的网络连接如果它和测试设备一样慢,那么您可以尝试删除node_modules并使用“npminstall”或“yarn”重新安装它们。Expo将与所有其他包一起重新下载。

javascript - 是否可以在一个项目中使用多个 Babel 预设?

我正在开发一个React-Native应用程序,它是使用Expo安装的,使用以下代码创建.babelrc配置:{"presets":["babel-preset-expo"],"env":{"development":{"plugins":["transform-react-jsx-source"]}}}最近我遇到了另外2个需要安装其他类型的babel预设的库,这些库名为:“react-native”和“flow”。问题:如何合并3个预设? 最佳答案 将它们作为项目添加到预设数组中{"presets":["babel-preset-

javascript - 在 React Native 中将 base64 字符串转换为图像

问题我用expo的ReactNative创建了一个社交媒体应用,想添加上传图片的功能。由于expo不会让你将文件转换为blob来上传,我只是将base64图像数据作为字符串上传到服务器数据库。从服务器下载数据后,如何将这些数据再次转换为可View像? 最佳答案 你可以这样做:varbase64Icon='data:image/png;base64,iVBORw0KGgoAAAANS...';在base64Icon变量中,您需要将base64数据放在data:image/png;base64,之后。像这样:varbase64Icon=

javascript - 面对错误 (0 , (_wordwrap || _load_wordwrap(...)).default)(...)(...).trimStart 不是 expo init 上的函数

我正在尝试使用Expo创建Reactnative应用程序.根据ReactNative官方文档,我已经在我的Windows系统上安装了Node8+(v8.12.0)和expo-cli,然后运行命令expoinitAwesomeProject。但它给出的错误是(0,(_wordwrap||_load_wordwrap(...)).default)(...)(...).trimStartisnotafunctionSetEXPO_DEBUG=trueinyourenvtoviewthestacktrace.当我启用expo调试时,它给出了TypeError:(0,(_wordwrap||_l

javascript - React Native Expo 找不到变量自身

我在expo中创建新项目时突然遇到此错误,当我创建任何项目时它都能完美加载并且可以看到默认屏幕。当我尝试安装任何依赖项时,例如yarnaddnative-base它停止工作并给我无法找到变量Self和Expo被绞死请帮忙提前谢谢 最佳答案 对于使用expo-cli或XDE创建新项目的用户,您将在第一次“yarn”或“npminstall”后出现红屏“Can'tFindVariableSelf”。这是因为昨天发布了新的“whatwg-fetch”3.0.0(https://www.npmjs.com/package/whatwg-fe

javascript - 是否可以在 React Native 中隐藏 "BugReporting extraData"? (使用世博会)

每次我使用Expo打开ReactNative应用程序时,我都会在控制台中收到大量消息,其中包含有关该应用程序的元数据,这实际上并不能帮助我进行调试。特别是因为它每次都是相同的信息,并且每次应用程序重新加载时都会显示(即使是热重新加载或实时重新加载):Runningapplication"main"withappParams:{"rootTag":171,"initialProps":{"exp":{"manifest":{"splash":{"backgroundColor":"#1c2d3c"},"packagerOpts":{"lanType":"ip","urlRandomnes

javascript - 使用世博会 react native 链接?

如何使用react-native链接或如何使用指数在IOS和Android中手动链接第三方库。我试图链接react-native-image-crop-picker但无法在指数中使用。 最佳答案 你不能。它非常清楚地说明了这一点inthedocs:Butnonativemodules…ThemostlimitingthingaboutExpoisthatyoucan’taddinyourownnativemoduleswithoutdetachingandusingExpoKit.Continuereadingthenextques