Questions tagged «react-native»

我正在研究React Native导航的教程。我发现所有布局都从屏幕顶部而不是状态栏下方开始加载。这将导致大多数布局与状态栏重叠。我可以通过在加载视图时向视图添加填充来解决此问题。这是实际的方法吗？我认为手动添加填充是解决它的实际方法。有没有更优雅的方法来解决此问题？ import React, { Component } from 'react'; import { View, Text, Navigator } from 'react-native'; export default class MyScene extends Component { static get defaultProps() { return { title : 'MyScene' }; } render() { return ( <View style={{padding: 20}}> //padding to prevent overlap <Text>Hi! My name is …

81 ios  react-native 

我在React Native中构建了一个小的iOS应用程序，该应用程序进行位置跟踪，并定期将经纬度发送到用户选择的服务器。但是，这仅在应用程序处于前台时有效。当用户使用其他应用程序时，如何在后台运行此任务？

81 javascript  ios  react-native 

有人如何配置react-native run-ios以iTerm代替OSX上的终端执行？默认情况下，它会打开一个新的Terminal窗口，但是Terminal在我的窗口管理器中不能像iTerm那样正常工作。

81 macos  react-native 

当我尝试npm install新软件包时，它向我显示此错误： rollbackFailedOptional：动词npm-session 585aaecfe5f9a82 node --version 8.4.0 npm --version 5.3.0

81 node.js  react-native  npm 

与webstorm不同，我无法.js在Visual Studio Code中的文件中注释掉JSX代码。

79 reactjs  react-native  visual-studio-code  jsx 

我看到有人为此做过：https : //github.com/brentvatne/react-native-linear-gradient 但是RN本身是否支持它？就像是 style = StyleSheet.create({ backgroundGradient: "vertical", backgroundGradientTop: "#333333", backgroundGradientBottom: "#666666" });

79 react-native 

我有以下课程 import com.android.annotations.NonNullByDefault; @NonNullByDefault public final class Log { ... } 这是我的build.gradle文件（一些部分省略了） apply plugin: 'com.android.application' android { compileSdkVersion 25 buildToolsVersion '24.0.1' defaultConfig { minSdkVersion 16 targetSdkVersion 25 versionCode 2 versionName "0.2" } compileOptions { sourceCompatibility JavaVersion.VERSION_1_7 targetCompatibility JavaVersion.VERSION_1_7 } } dependencies { compile 'com.android.support:appcompat-v7:25.0.0' compile 'com.android.support:support-annotations:25.0.0' compile 'com.android.support:design:25.0.0' } 在Android …

79 android  react-native  android-studio  gradle  android-gradle-plugin 

我正在Image用flexbox设置组件的样式，使其位于屏幕中央，效果很好。现在，我希望第二个Image组件直接显示在第一个组件的顶部。第二个图像使用绝对定位。目前，我只是在猜测像素是否适合它，但是当然这是不准确的，并且在可维护性方面付出了太多努力。 我正在寻找与jQuery等效的React Native .offset()。有这样的事情吗？如果没有，实现这一目标的最佳方法是什么？

78 javascript  ios  reactjs  react-native 

我收到以下错误： Possible unhandled promise rejection (id:0: Network request failed 这是承诺代码，我看不出这里有什么问题，有什么想法吗？ return fetch(url) .then(function(response){ return response.json(); }) .then(function(json){ return { city: json.name, temperature: kelvinToF(json.main.temp), description: _.capitalize(json.weather[0].description) } }) .catch(function(error) { console.log('There has been a problem with your fetch operation: ' + error.message); }); } **编辑：我添加了一个catch函数，并得到了一个更好的错误 You passed an undefined or null …

78 react-native 

运行时react-native run-android，出现以下错误： 无法连接到开发服务器 打包服务器正在运行，我可以从移动设备上的浏览器直接访问它。 我的Android设备已连接到计算机并启用了调试功能（我使用adb devices命令进行了检查）。 我的Android版本是4.4.4，所以我不能使用adb reverse命令。 我已经在开发设置中设置了ID地址和端口。 USB调试已打开。 我使用Windows 7。 如何解决这个错误？

78 android  react-native 

我有一个页面，如果他/她已登录，将显示用户名；如果未登录，则显示“创建帐户”或“登录”选项。屏幕如下 他们可以导航到“登录”或“创建帐户”页面。成功登录或注册后，它将导航到此页面，并显示用户名。屏幕如下 目前，我将用户数据存储在中AsyncStorage，我希望在用户成功登录或从页面重定向时注册后更新此字段。 我该如何实现？ 有没有一种方法可以从中传递参数，navigate.goBack()并且父级可以听这些参数并更新其状态？

77 react-native  react-navigation 

我正在学习有关如何使用钩子注册事件的Udemy课程，讲师给出了以下代码： const [userText, setUserText] = useState(''); const handleUserKeyPress = event => { const { key, keyCode } = event; if (keyCode === 32 || (keyCode >= 65 && keyCode <= 90)) { setUserText(`${userText}${key}`); } }; useEffect(() => { window.addEventListener('keydown', handleUserKeyPress); return () => { window.removeEventListener('keydown', handleUserKeyPress); }; }); return ( …

77 javascript  reactjs  react-native  react-hooks 

已关闭。这个问题是基于观点的。它当前不接受答案。 想改善这个问题吗？更新问题，以便通过编辑此帖子以事实和引用的形式回答。 去年关闭。 改善这个问题 我只想了解关于这两个方面的诚实，经验丰富和令人反感的观点，以便在React Native中实现导航： 反应导航 反应本机导航 哪个更好？为什么。谢谢

76 performance  react-native  react-navigation  react-native-navigation 

所以不久前，我在我的react本机应用程序中删除了/ ios目录（我们称它为X）。我一直在使用Android模拟器进行开发和测试，但是现在我想确保它可以在带有xcode模拟器等的ios上运行。 因此，我目前的想法是使用ios文件夹创建一个新的react native裸项目（称为Y），然后按照以下步骤将Y重命名，使其具有X的名称，然后将/ ios目录从Y移到X并试图run-ios。 我将在这里更新情况，但是我想知道是否有更好的方法，并且以前没有人遇到这种情况吗？ 我已经搜索了很多东西“重新生成ios文件夹”“已删除ios文件夹”“将ios文件夹添加到现有..”，没有任何帮助。也许我的googlefu不够好，但是如果有人有任何建议，不胜感激。 第2步将确保它能因依赖关系和其他东西而编译，但是现在我的目标是只将/ ios文件夹放回到项目中，并使React Native知道它的存在（它具有所有必要的配置）。 谢谢

76 ios  xcode  react-native  react-native-ios 

如何在React Native中仅对1个角使用边界半径？ 我有一个模态窗口 如您所见，下角没有圆角，当我使用backgroundColor作为按钮时会发生这种情况。我试图将隐藏的溢出设置为模式包装器，但这对我没有帮助。现在，我想对按钮使用边框半径（仅适用于1个角）。 我的代码http://jsbin.com/sexeputuqe/edit?html,css

76 javascript  reactjs  react-native