草庐IT

native-web-component

全部标签

javascript - Ember : nested components events bubbling

我创建了一组嵌套组件。代码在这里:http://emberjs.jsbin.com/hasehija/2/edit.HTML:{{#level-1}}{{#level-2}}{{#level-3}}Clickme(yielded){{/level-3}}{{/level-2}}{{/level-1}}JS:App.ApplicationController=Ember.Controller.extend({actions:{handleAction:function(){alert('HandledinApplicationController');}}});App.Level1Com

javascript - react native ListView scrollToEnd 它不起作用

我使用了ListView的scrollToEnd,但它不起作用,但它适用于scrollTo。我应该如何处理它。 最佳答案 有一个解决方法,将其包装在setTimeout中,如下所示:componentDidMount(){setTimeout(()=>{this.refs.dateList.scrollToEnd();},50);} 关于javascript-reactnativeListViewscrollToEnd它不起作用,我们在StackOverflow上找到一个类似的问题:

javascript - 为 React-Native 应用开 Jest 测试 Animated.View

我尝试使用JestforReact-Native测试Animated.View。当我将属性visible设置为true时,它​​应该将我的View从opacity0动画化为opacity1。这是我的组件呈现的内容:{message}opacityValue在propsvisible改变时更新:Animated.timing(this.opacityValue,{toValue:this.props.visible?1:0,duration:350,},).start(),当我设置属性visible=true时,我想确保我的View可见。尽管View变得可见需要一些时间,并且随着测试的运

javascript - 以编程方式在 React Native 中添加一个组件

假设我有一个像这样的简单ReactNative应用程序:'usestrict';varReact=require('react-native');var{AppRegistry,Text,TouchableHighlight,View,}=React;varReactProject=React.createClass({_onPressOut:function(){//Whatdowedohere?},render(){return(ThistextshouldbebeforeThistextshouldbeafterTapMe);}});AppRegistry.registerCom

javascript - 在 Web 应用程序中,您在哪里记录表单数据的验证规则?

假设您有一个Web表单,其中包含您想要验证的某些字段,这些字段只是字母数字的某个子集、最小或最大长度等。您可以在客户端使用javascript进行验证,您可以将数据发回服务器并向用户报告,无论是否通过ajax。您可以在数据库中拥有验证规则,并以这种方式将错误消息推送给用户。或以上所有内容的任意组合。如果您希望在一个地方保存持久保存到数据库的Web应用程序用户数据的验证规则,有哪些最佳实践、模式或一般好的建议?[编辑]我已经编辑了问题标题以更好地反射(reflect)我的实际问题!顺便说一句,到目前为止有一些很好的答案。 最佳答案 以

javascript - 如何从 javascript 调用 Web 服务

假设我有一个网络服务http://www.example.com/webservice.pl?q=google返回文本“google.com”。我需要从带有参数(q=google)的JavaScript模块调用此网络服务(http://www.example.com/webservice.pl),然后使用返回值("google.com")进行进一步处理。最简单的方法是什么?我是一个彻头彻尾的JavaScript新手,所以非常感谢任何帮助。 最佳答案 编辑:我回答这个问题已经十年了,我们现在以CORS的形式支持跨域XHR。.对于任何现

javascript - React native flexbox - 如何做百分比 ||列 ||响应 ||网格等

在过去几周在iOS上使用ReactNative之后,我似乎发现了Flex样式的一些缺点……尤其是在“响应式”行为方面。例如,假设您要创建一个包含卡片的View(这些卡片的元数据来自API)。您希望卡片占View宽度的50%减去边距和填充,并在每2个之后换行。我对此View的当前实现将返回的数组拆分为包含2个元素的行。列表容器有flex:1,flexDirection:'column,行有flex:1然后每张卡片都有flex:1。最终结果是每行有2列,平均占据View宽度的一半。似乎没有简单的方法可以在ReactNative样式中执行此操作,无需使用javascript对数据进行某种预处

javascript - React Native KeyboardAvoidingView 覆盖最后的文本输入

我正在使用ReactNative的KeyboardAvoidingView行为设置为填充(在Android上测试)。我的屏幕上有多个TextInput。当我单击最后一个TextInput时,键盘会覆盖它。由于从KeyboardAvoidingView添加了填充,我现在可以向下滚动,但最好让它自动滚动到焦点上。 最佳答案 有一个名为keyboardVerticalOffset的Prop,您可以将其传递给KeyboardAvoidingView,这将改变键盘移过textInput的距离。我的代码示例:constkeyboardVerti

javascript - 检查 React Native 中的数组是否为空

如何使用IF语句检查数组是否为空?我有这个空数组'acessos'...constructor(props){super(props);this.state={acessos:[]};}...然后我尝试检查“acessos”是否为空,如果是,我将一些数据推送到其中。我尝试使用null但没有结果,那么如何检查是否为空?...if(this.state.acessos===null){this.state.acessos.push({'uuid':beacons.uuid,'date':date});this.setState({acessos:this.state.acessos});}

javascript - react native : HeadslessJS and Redux - How to access store from task

我们有一个使用redux、redux-persist和HeadlessJS任务的ReactNative应用程序。此任务需要有权访问商店。由于任务在没有启动整个应用程序的情况下触发(因此默认情况下没有访问权限),我们认为我们也可以简单地在任务中创建商店,以便它可以通过redux-persist重新水化。然而,事实证明,以这种方式创建的商店与应用程序中的商店不同:运行后,它们包含不同的值。我们以多种方式对此进行了测试,这似乎确实是商店的问题(而不是例如操作)我们应该如何从HeadlessJS任务访问Redux存储?相关代码:store/configure.js:configureStore