草庐IT

ionic-native

全部标签

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 - Cordova 插件不适用于 ionic

我有一个使用Angular构建的Ionic应用程序。我使用的是Calendar插件:https://github.com/EddyVerbruggen/Calendar-PhoneGap-Plugin我想通过插件创建事件并将它们保存到本地设备的日历。虽然我已经添加了插件:cordovapluginaddhttps://github.com/EddyVerbruggen/Calendar-PhoneGap-Plugin.git然后我尝试在我的Controller中使用它:ionic.Platform.ready(function(){onError);window.plugins.cal

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 - 如何在 ionic radio 元素上使用 ngModel?

我正在尝试在ionicradio元素上实现ngModel,但不知何故它不起作用。这是我的代码:import{Page}from'ionic-angular';@Page({templateUrl:'build/pages/settings/settings.html'})exportclassSettings{constructor(){this.unit=2;}}UnitMetric(kg)Imperial(lbs)我已经尝试在ion-input和ion-select上实现它并且效果很好。我还尝试将directives:[FORM_DIRECTIVES]添加到我的@Page并添加了相

javascript - 将公历日期转换为 Angular 2 和 Ionic 2 中的波斯语(jalali)日期

我熟悉位于npm中的一个包,用于将公历日期转换为波斯语(jalali),但我不知道我应该如何在ionic2angular2项目中使用它。Jalali-date或Angular1的这个包:ADM-dateTimePicker是否可以将此包转换为angular2?任何的想法?欢迎或教程... 最佳答案 好的,我为此编写了转换器,首先在你的项目中添加一个provider:import{Injectable}from'@angular/core';@Injectable()exportclassPersianCalendarService{

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