草庐IT

react-templates

全部标签

ios - 使用 React Native 隐藏在 TabBarIOS 后面的内容

我正在使用ReactNative构建一个iOS应用程序并实现一个TabBarIOS.选项卡上的内容似乎在后面流动并被栏遮挡。在xcode中,我会取消选中“扩展边缘”框,但我不确定如何使用ReactNative执行此操作。这是我正在尝试做的事情的缩略版。来自CreateUser流到标签栏后面。有没有一种简单的方法可以确保内容不会被标签栏遮挡?importReactfrom'react'import{StyleSheet,Text,TextInput,View,TouchableHighlight,}from'react-native'exportdefaultclassTabBarext

javascript - react native 路由器通量 : How to style NavDrawer's button and navigation bar?

在ReactNativeRouterFlux中,我有一个名为NavDrawer的功能性react-native-drawer。它目前在导航栏的左侧有默认的汉堡包菜单图标,并希望将其更改为另一个自定义图标。所以我尝试了,leftTitle='Menu',但它没有改变。所以我想知道如何自定义react-native-drawer的默认菜单图标?而且我还通过navigationBarStyle更改了导航栏的高度,因此按钮目前靠近导航栏的底部而不是中间。所以在navigationBarStyle中,我尝试了flex:1,flexDirection:'row',alignItems:'cente

ios - React Native Text 组件在 iPhone Plus 上呈现多余的线条

在iPhonePlus上运行时,我在每个文本组件的顶部和/或右侧遇到不需要的灰线。该错误不会在模拟器上重现,只会在设备上重现。这似乎是ReactNative中的一个错误(我提交了anissue),但我在这里发布任何额外的见解和解决方法。当检查文本组件时,任何具有非整数宽度或高度的组件都会显示这样一条线。非整数宽度在右侧添加边框,非整数高度在顶部添加边框。如果我明确地将每个文本组件的高度设置为一个整数值,我可以防止顶部边框,但文本的宽度取决于我无法控制的内容的长度。在附图中,“Commentary|24”和“Tanakh|2”的文字具有相同的结构/样式——但文字长度的差异导致一个有正确的

ios - 使用签名请求从 React Native (iOS) 直接发布到 AWS S3

我正在尝试重新创建Herokuexample在ReactNative中上传用户提交的图像,但不断从AWS收到400错误。图片来自iOS相机胶卷。我有图像的uri和图像的base64编码版本。MIME类型是image/jpeg。到目前为止,我已经按照Heroku所述设置了所有内容,但在制作我发送的文件时遇到了问题。我在下面添加了我的代码以进行说明。我正在使用react-native-image-picker从相机胶卷中选择图像客户端代码module.exports=React.createClass({...openPhotos(){//calledonabuttonpress,open

ios - 在端口被阻塞的情况下在设备上开发 React Native

我使用ReactNative开发移动应用程序。为了测试,我在物理iPhone上运行应用程序,这意味着pointingthedevicetotheReactNativeserverrunningonport8081ofmylaptop.作为一名远程开发人员,我经常在咖啡店、图书馆或其他有WiFi的公共(public)场所工作。我的问题是这些公共(public)场所中的一些会阻止设备之间的流量,因此即使手机和开发机器在同一网络上,移动设备也无法访问ReactNative服务器。我发现的一种补救措施是创建aprivatenetworkbetweentheiPhoneandmyMacbook.

javascript - 如何从 react-native webview 获取选择对象

我有一个应用程序,我在其中使用react-nativewebview来显示文档。用户可以选择一些文本并执行我提供的一些自定义操作。如何从WebView中获取选择对象到我的应用? 最佳答案 从0.37.0开始,RN中有一项新功能可能会对您有所帮助。WebView中有一个新属性:onMessage还有一个新方法,postMessage可以实现双向通信。在WebView中,您必须调用window.postMessage,它会调用您定义为onMessage回调的函数。你可以看到一个完整的例子inthedocumentation.至于获取所选

ios - React Native iOS 构建失败 "unable to execute command: Segmentation fault: 11"

我是一名网络开发人员,我是第一次构建ReactNative应用程序。在我为推送通知添加FCM支持之前,该应用程序一直在运行和编译。我遵循了React-Native-FCM中的所有说明,使用CocoaPods。现在在xCode中构建失败并出现以下错误:clang:error:unabletoexecutecommand:Segmentationfault:11clang:error:linkercommandfailedduetosignal(use-vtoseeinvocation)我的AppDelegate文件如下所示:////Copyright(c)2016GoogleInc.//

ios - React-native 不会在模拟器中重新加载 ios 应用程序

我有重新加载应用程序的问题,react-native-cli:1.2.0reactnative:0.37.0守望者:4.7.0index.ios.js文件。importReactfrom'react';importReactNative,{View,Text}from'react-native';importHeaderfrom'./src/components/header';constApp=()=>{return(Test);};ReactNative.AppRegistry.registerComponent('ditrack',()=>App);thenruncommandr

React16源码: React中的updateClassComponent的源码实现

ClassComponent的更新1)概述在react中classcomponent,是一个非常重要的角色它承担了react中更新整个应用的APIsetStateforceUpdate在react当中,只有更新了state之后,整个应用才会重新进行渲染在classcomponent中,它的逻辑相对复杂2)源码在packages/react-reconciler/src/ReactFiberBeginWork.js//这个方法就是更新ClassComponent组件的一个过程functionupdateClassComponent(current:Fiber|null,workInProgres

React16源码: React中的reconcileChildren的源码实现

reconcileChildren1)概述在更新了一个节点之后,拿到它的props.children要根据这个children里面的ReactElement来去创建子树的所有的fiber对象要根据props.children来生成fiber子树,然后判断fiber对象它是否是可以复用的因为我们在第一次渲染的时候,就已经渲染了整个fiber子树再有一个更新进来之后,state变化可能会导致一些子节点产生一个新的变化可能就不能复用之前的fiber节点了,它里面的很多东西都变得不一样大部分情况下所有fiber节点都是可以可以重复利用的这个时候我们根据什么进行判断,是这里面的一个非常重要的一个点在这里