有没有一种方法在 NativeScript 中以编程方式禁用/启用 ScrollView 滚动?
好的,我找到了如何做到这一点。在iOS上实际上非常容易:
var scrollView = page.getViewById('YOUR_VIEW_ID')
scrollView.ios.scrollEnabled = false // to disable
scrollView.ios.scrollEnabled = true // to enable back
安卓:
对于我的特殊情况,我需要禁用滚动视图的滚动,但允许在其中拖放子视图。在子视图开始拖动(滑动)事件时,我们通过以下方式防止触摸事件被拦截:
scrollView._nativeView.requestDisallowInterceptTouchEvent(true)
当停止拖动(平移)子视图事件时,通过以下方式重新启用它们:
scrollView._nativeView.requestDisallowInterceptTouchEvent(false)
如果你有另一个情况,只想禁用滚动视图,你可以使用类似这样的代码(适用于安卓):
scrollView._nativeView.setOnTouchListener(new android.view.View.OnTouchListener({
onTouch: function (view, motionEvent) {
console.log("DISABLED. onTouch event: Got motionEvent.getAction() " + motionEvent.getAction() + ".");
return true;
}
}))
scroll_view.ios.scrollEnabled = false; // Disables user scrolling.
scroll_view.ios.scrollEnabled = true; // Enables user scrolling.
scroll_view.android.setScrollEnabled(false); // Disables user scrolling.
scroll_view.android.setScrollEnabled(true); // Enables user scrolling.
Angular 2版本:
在您的HTML中:
<ScrollView #scrollView >
...
</ScrollView>
在你的控制器中:
@ViewChild('scrollView') scrollView: ElementRef;
allowScrolling(e) {
const scrollView: ScrollView = this.scrollView.nativeElement;
if (platformModule.device.os === 'Android') {
scrollView.nativeView.requestDisallowInterceptTouchEvent(e);
}
if (platformModule.device.os === 'iOS') {
scrollView.ios.scrollEnabled = !e;
}
}
ScrollView
元素中将isUserInteractionEnabled
设置为false
,这将禁用用户滚动(您仍然可以通过编程方式进行滚动)。
https://github.com/NativeScript/NativeScript/issues/2892#issuecomment-253536941
NativeScript 中没有一种简单的方法来禁用 ScrollView 的滚动。如果你想使用 ScrollView 作为容器,可以使用 ContentView。然而,你能否给我更多信息,为什么你想要禁用滚动。
使用这个
this.scrollview.isUserInteractionEnabled=false;
或者这个
this.scrollView.nativeElement).android.getParent().requestDisallowInterceptTouchEvent(false);
适用于安卓
setOnTouchListener
的代码块对我有效。请记住,您必须首先声明android,因此应为declare const android: any;
。 - JillevdW