[TIMOB-28048] Android: RefreshControl in TableView only works when dragging content

GitHub Issue	n/a
Type	Bug
Priority	Critical
Status	Closed
Resolution	Unresolved
Affected Version/s	n/a
Fix Version/s	Release 9.3.0
Components	Android
Labels	android, refreshcontrol, tableview
Reporter	Michael Gangolf
Assignee	Gary Mathews
Created	2020-07-25T01:09:36.000+0000
Updated	2020-11-20T00:24:57.000+0000

Description

*Problem:* When creating a TableView with a RefreshControl you can only drag the view down when you drag&drop the content. If you TableView is empty you don't have any handle to drag. *Code*

function appendRowTo(tableView) {
	if (!tableView.refreshCount) {
		tableView.refreshCount = 1;
	} else {
		tableView.refreshCount++;
	}
	tableView.appendRow(Ti.UI.createTableViewRow({
		title: Refresh ${tableView.refreshCount}
	}));
}

const window = Ti.UI.createWindow({ fullscreen: true });
const refreshControl = Ti.UI.createRefreshControl({
	title: Ti.UI.createAttributedString({ text: 'Refreshing' })
});
refreshControl.addEventListener('refreshstart', e => {
	Ti.API.info('@@@ \'refreshstart\' event received.');
	setTimeout(function() {
		if (tableView.refreshControl) {
			appendRowTo(tableView);
			refreshControl.endRefreshing();
		}
	}, 2000);
});
refreshControl.addEventListener('refreshend', e => {
	Ti.API.info('@@@ \'refreshend\' event received.');
	if (refreshControl.tintColor === 'red') {
		refreshControl.tintColor = 'green';
	} else if (refreshControl.tintColor === 'green') {
		refreshControl.tintColor = 'blue';
	} else {
		refreshControl.tintColor = 'red';
	}
	refreshControl.title = Ti.UI.createAttributedString({ text: refreshControl.tintColor });
});

const tableView = Ti.UI.createTableView({
	refreshControl: refreshControl,
	data: [Ti.UI.createTableViewSection({ headerTitle: 'TableView' })],
	width: Ti.UI.FILL,
	height: Ti.UI.FILL,
	headerView: Ti.UI.createLabel({
		text: 'Table Header',
		textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER,
		color: 'white',
		backgroundColor: 'blue',
		width: Ti.UI.FILL,
	}),
	footerView: Ti.UI.createLabel({
		text: 'Table Footer',
		textAlign: Ti.UI.TEXT_ALIGNMENT_CENTER,
		color: 'white',
		backgroundColor: 'blue',
		width: Ti.UI.FILL,
	}),
});
tableView.appendRow(Ti.UI.createTableViewRow({ title: '<Pull down to refresh>' }));

window.add(tableView);
window.open();

Dragging below the TableView won't show the RefreshControl it will only work when you start dragging on the row. *What to expect* The whole TableView space (in the example Ti.UI.FILL) should work as a drag area. Otherwise you can't use it with an empty TableView.

Comments

Gary Mathews 2020-07-25

https://github.com/appcelerator/titanium_mobile/pull/11556

JSON Source