草庐IT

react-native-youtube

全部标签

javascript - 在 react native 中返回时如何使用 flatlist 保持滚动位置?

我是ReactNative的新手。向前导航然后返回到该屏幕时,我在保持平面列表的位置时遇到问题。当前行为向前导航然后向后导航时,滚动位置会丢失。预期行为当浏览大量项目列表时,用户向下滚动列表并单击某个项目。该应用程序会转到显示产品详细信息的下一页。如果用户决定向后导航,则页面不会滚动到前一点。 最佳答案 尝试处理状态下滚动位置的变化:handleScroll方法:handleScroll:function(event:Object){this.setState({scrollPosition:event.nativeEvent.co

javascript - 在 Jasmine 测试中更新 React 组件状态

我有一个相对简单的React组件,它根据其状态呈现列表。然后我有一个karma/jasmine测试来渲染组件,设置它的状态,并检查是否渲染了正确的标记。我遇到的问题是,每次我在我的组件上执行setState({})或forceUpdate()时,我都会收到错误消息:TypeError:'undefined'isnotanobject(evaluating'deepestAncestor.firstChild')at/home/company/projects/user_interface_kit/bower_components/react/react.js:10314在React组件

javascript - React - 忽略子节点

有没有办法阻止React移除/更改React组件中嵌入的节点。例如,我有一个React组件,它充当一个非React组件的容器,该非React组件自行管理其DOM。有没有办法为reactjs标记这样的组件,这样它就不会修改它的DOM?在我的例子中,我希望我的React组件可以被CKeditor内联编辑,但是React总是删除/销毁编辑器和它添加到DOM的所有节点,因为它们没有在React组件本身中定义,并且所以它认为那些元素不应该存在。有什么想法吗? 最佳答案 如果您从组件上的shouldComponentUpdate方法返回fals

javascript - PhantomJS 在观看 YouTube 视频时不模仿浏览器行为

我一周前将这个问题发布到PhantomJS邮件列表,但没有得到任何回复。希望在这里有更好的运气......我一直在尝试使用PhantomJS从YouTube上抓取信息,但一直无法正常工作。考虑通过iframe元素将YouTube视频嵌入到网页中。如果将src属性引用的URL直接加载到浏览器中,您将获得视频的整页版本,其中视频封装在embed元素中。embed元素不存在于初始页面内容中;相反,页面上的某些脚本标记会导致对某些Javascript进行评估,最终将嵌入元素添加到DOM中。我希望能够在它出现时访问此嵌入元素,但当我在PhantomJS中加载页面时它从未出现。这是我使用的代码:v

javascript - 在 react-js 中使用 immutable-js 时使用 PropTypes

我在React中使用immutable-js和react-immutable-proptypes。//CommentBox.jsxgetInitialState(){return{comments:Immutable.List.of({author:'PeteHunt',text:'Heythere!'},{author:'JustinGordon',text:'Alohafrom@railsonmaui'})};},render(){console.log(this.state.comments.constructor);return(Comments);}//CommentList

javascript - 从 React-Native 应用程序中的另一个类访问静态变量?

在我的react-native应用程序中,我目前有一个User类,我在其中定义了一个当前用户,如下所示:classUser{staticcurrentUser=null;//otherrelevantcodeherestaticgetCurrentUser(){returncurrentUser;}}exportdefaultUser;在另一个类中,我试图访问此currentUser的设置值。我不知道如何正确调用这个函数;我收到错误User.getCurrentUserisnotafunction。我应该以不同的方式调用此函数吗?varUser=require('./User');ge

javascript - React - 改变 this.state onClick 用 array.map() 呈现

我是React和JavaScript的新手。我有一个Menu组件,它呈现一个动画onClick,然后将应用程序重定向到另一个路径,/coffee。我想将单击(选择)的值传递给函数this.gotoCoffee并更新this.state.select,但我不知道如何,因为我在同一onClick事件中映射this.state.coffees中的所有项目。我如何做到这一点并将this.state.select更新为点击值?我的代码:classMenusextendsComponent{constructor(props){super(props);this.state={coffees:[]

javascript - 使用 iframe 嵌入 Youtube 视频给出 "Unsafe JavaScript attempt ... "

我正在尝试使用以下代码嵌入YouTube视频:虽然它工作正常,但它在控制台中给出了这个错误:Chromeversion22.0.1229.94:UnsafeJavaScriptattempttoaccessframewithURLhttp://example.com/fromframewithURLhttp://www.youtube.com/embed/8vJwFvFi4ZY?wmode=transparent.Domains,protocolsandportsmustmatch.Firefox版本17.0:Error:Permissiondeniedtoaccessproperty

javascript - React 不断转义属性中的 amp 字符 (&)

我有一个带有data-icon属性的组件。例如,此属性的值应该是,这样css就可以通过content:attr(data-icon);呈现它。然而,无论我怎样尝试:React总是转义到&。即使我提供了正确的unicode字符\u0026#xf00f。有什么方法可以阻止React弄乱这个值吗?除了危险地设置内部html,因为我不想添加另一个包装器。组件define(['react','util'],function(React,Util){returnReact.createClass({render:function(){//varamp='\u0026',varamp=

javascript - 无法从 'react-native-implementation.js' 找到模块

我有以下Jest测试:importReactfrom'react';importIndexSignfrom'../IndexSign';importrendererfrom'react-test-renderer';it('renderscorrectly',()=>{consttree=renderer.create().toJSON();expect(tree).toMatchSnapshot();});我正在调用的IndexSign组件调用此StyleSheet组件:import{StyleSheet}from'react-native';exportdefaultStyleSh