Questions tagged «react-native»

嗨，我正在尝试为我的工厂设置阴影，但到目前为止，我的尝试都失败了，我尝试设置阴影道具，但这仅适用于ios，因此我尝试使用heighting属性，但看起来不正确。 这是我尝试过的 <View style={{width: 56, height: 56, elevation: 2, borderRadius: 28, marginBottom: 3, backgroundColor: 'rgba(231,76,60,1)'}}></View> 我需要达到的目标

72 react-native 

意识到React Native应用程序旨在使用模拟器进行开发/测试，是否可以使用Web浏览器来测试应用程序？ 存在诸如https://rnplay.org/之类的服务，但是我担心的是，它由https://appetize.io/提供支持，它可能受到每月分钟数的限制。与付费屏幕流媒体服务相比，我还想利用免费/开源技术来实现这一目标。 沿着这些思路，为了在浏览器中测试该应用程序，是否要求该应用程序使用一个或多个库，以允许该应用程序既可以在React Native中运行，也可以在React中运行？我想找到一种替代此特定方法的方法，因为我想专门为React Native编写代码。

72 testing  reactjs  react-native  simulator 

嗨，我正在使用react native的web视图显示一些html，我希望每当用户单击该html中的链接时，它将使用该链接打开用户的浏览器。 那可能吗？ 编辑1： 我最终使用了这个软件包：npmjs.com/package/react-native-communications，它打开了浏览器。URL更改时，我调用浏览器在onNavigationStateChange上打开。 现在的问题是，尽管我已移至浏览器，但WebView仍继续处理请求，如何停止请求？

72 react-native 

我终于升级反应原产于0.42，其中包括引入的flexGrow，flexShrink和 flexBasis以及如何改变（或固定）flex被呈现。 我不断收到类似的错误： 使用显式设置的width / height渲染视图，但flexBasis设置为0。（这可以通过将flex：更改为flexGrow来解决：） 有人可以解释flex: 1vs与之间的区别flexGrow: 1。如果我将一个或另一个应用于视图，它似乎在做不同的事情，但是不应该这样做吗？

72 react-native  flexbox  flex-grow 

我如何知道我的React Native应用程序是否正在生产或开发中运行？JavaScript中是否有某种方法可以告诉您？是否有传入的全局变量？

72 react-native 

我尝试在react-native中使用Navigation。 npm install --save react-navigation 但是它给我这样的错误： 错误：捆绑失败：错误：无法解析模块react-native-gesture-handler从C:\reactnative\proejectName\node_modules\@react-navigation\native\src\Scrollables.js：模块react-native-gesture-handler不会在急速模块地图存在 这是索引： import { AppRegistry } from 'react-native'; import App from './App'; import { name as appName } from './app.json'; AppRegistry.registerComponent(appName, () => App); 这是app.js import React from 'react'; import { createStackNavigator, createAppContainer, } from 'react-navigation'; import First from './src/Components/First'; import DescriptionPage from './src/Components/DescriptionPage'; …

72 react-native 

我有一个关于标签的查询。我希望图像占据我使用alignSelf：stretch所做的父对象的整个宽度，但是我也希望高度根据图像的长宽比而定。我怎样才能实现这样的目标？ 因此，我想要一种将高度指定为图像宽度的比例的方法。

72 react-native 

我正在使用React Native，一旦引入ScrollView，就很难保持元素的垂直居中。为了演示，我使用React Native Playground创建了3个应用程序。所有示例都有2页，可以通过点击蓝色按钮进行切换。 范例1： 第一个示例显示了在第2页上垂直居中的块。这是因为容器将以下样式应用于其上： flex: 1, flexDirection: 'column', justifyContent: 'center', https://rnplay.org/apps/lb5wSQ 但是，切换到第2页时会出现问题，因为该页的全部内容都不适合，因此我们需要一个ScrollView。 例子2 在此示例中，我将所有内容包装在ScrollView中。这允许页面2滚动，但是现在我失去了页面1的垂直居中。 https://rnplay.org/apps/DCgOgA 例子3 为了试图找回1的垂直居中，我申请flex: 1到了contentContainerStyle滚动型的。这样可以解决第1页的垂直居中问题，但是我不再能够一直向下滚动到第2页的底部。 https://rnplay.org/apps/LSgbog 如何解决此问题，以便在第1页上获得元素的垂直居中，但仍使ScrollView一直滚动到第2页的底部？

71 scrollview  react-native 

已关闭。这个问题需要更加集中。它当前不接受答案。 想改善这个问题吗？更新问题，使其仅通过编辑此帖子来关注一个问题。 5年前关闭。 改善这个问题 我正在进行一个副项目。它是一个本地混合应用程序。我已经使用Phonegap / Ionic / Angular来快速构建应用程序。我目前正在研究React Native。曾经使用这两种方法的人有没有对每个人有任何评论或+/-？

70 cordova  react-native  hybrid-mobile-app 

使用React Native开发时如何隐藏iOS或Android的状态栏？我已经导入了StatusBar，但是我相信还有StatusBarIOS和一个StatusBar for Android。

70 reactjs  react-native  statusbar 

我在React Native中构建了一个简单的应用程序，该应用程序从远程JSON源获取列表并将其显示在屏幕上。 到目前为止，使用此处的出色示例，我设法使用行中的ListView组件来显示结果（即每行1个结果，请参见屏幕截图）。我需要将结果显示在网格中，即每行3到6个项目，具体取决于屏幕的大小和方向。 将这些结果放入网格的最佳方法是什么？我可以使用ListView还是仅用于每行一个结果？我尝试过使用flexbox样式，但是由于React似乎不接受％值，而ListView不接受样式，所以我还没有取得任何成功。

69 listview  react-native 

使用标准创建新的React Native项目react-native init MyApp并react-native run-ios首次运行时，我看到以下错误 error: bundling failed: Error: Unable to resolve module `@babel/runtime/helpers/interopRequireDefault` from `/Users/chrisedgington/Development/ReactNative/SixNationsPredictor/index.js`: Module `@babel/runtime/helpers/interopRequireDefault` does not exist in the Haste module map This might be related to https://github.com/facebook/react-native/issues/4968 To resolve try the following: 1. Clear watchman watches: `watchman watch-del-all`. 2. Delete the `node_modules` folder: `rm -rf …

69 react-native 

首先，我不知道该如何反应，但是我认为部署到iOS设备而不是模拟器并不难于使用文档。他们有点稀疏，但是我到了某个地方，现在我被卡住了。我创建了一个main.jsbundle并将其添加到Xcode项目中，并在AppDelegate.m中取消注释该行。 部署它时，出现以下错误： 2015-03-26 16:13:08.538 AwesomeProject[4753:2477032] > RCTJSLog> "Running application "AwesomeProject" with appParams: {"rootTag":1,"initialProps":{}}. __DEV__ === true, development-level warning are ON, performance optimizations are OFF" 2015-03-26 16:13:08.547 AwesomeProject[4753:2477032] > RCTJSLog> "Error: stack: runApplication main.jsbundle:33769 jsCall main.jsbundle:7157 _callFunction main.jsbundle:7404 applyWithGuard main.jsbundle:877 guardReturn main.jsbundle:7206 callFunctionReturnFlushedQueue main.jsbundle:7413 URL: file:///private/var/mobile/Containers/Bundle/Application/DBC0DAF4-B568-4CF5-B156-9EFEE4E7FF4A/AwesomeProject.app/main.jsbundle line: 1536 message: Invariant Violation: …

68 ios  react-native 

我刚刚更新到RN v0.62，并且在iOS上运行应用程序给我以下错误 !] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In snapshot (Podfile.lock): ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`) In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`) None of your spec sources contain a spec satisfying the dependency: `ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)`. 我删除了所有的node_modules并做了npm i。我还在iOS目录中安装了Pod，但问题仍然存在。我也做了pod repo更新。

42 react-native  cocoapods 

运行我的应用程序后出现此错误： 错误：捆绑失败：错误：无法react-native-safe-area-context从node_modules/react-navigation-stack/lib/module/vendor/views/Stack/StackView.js以下项目解析模块：在项目中找不到react-native-safe-area-context。 但是我为以前的演示做过同样的事情。它工作得很好。 我不知道我在做什么错。请检查我的代码： 安装： React Native Navigation＆Gesture Handler： npm install --save react-navigation npm install --save react-native-gesture-handler 反应本机堆栈： npm install --save react-navigation-stack App.js import { createAppContainer } from "react-navigation"; import { createStackNavigator } from "react-navigation-stack"; import FirstOptionsPage from "./FirstOptionsPage"; const MainNavigator = createStackNavigator( { FirstOptions: FirstOptionsPage }, { defaultNavigationOptions: { …

42 react-native  react-native-android  react-native-ios  react-native-navigation