feat(android): flatten ListView layout

[m1ga]

The current layout of the ListView/RecyclerView is a nested RelativeLayout:

Having a flatter layout is always better for RecyclerView performance.

This PR will use the ConstraintLayout and removes the nested layers:

Changes

• flatten layout
• use ConstraintLayout
• minor update to recyclerview library (only fixes a sporadic crash in animations we don't use)
• switch to AsyncListDiffer

Testing
I'm testing it with KitchenSink as that has 4 different ListView examples (editable, marker, multi select, normal with accessoryTypes) and this code:

var win = Ti.UI.createWindow();
var img = "./images/icon.png";

var myTemplate2 = {
	childTemplates: [
		{
			type: 'Ti.UI.Label',
			bindId: 'info',
			properties: { font: {fontSize: 20,fontWeight: 'bold'},left: 0,top: 0,}
		},
		{
			type: 'Ti.UI.Label',
			bindId: 'es_info',
			properties: { font: {fontSize: 14},left: 0,top: 25}}
	]
};

var myTemplate = {
	childTemplates: [{
			type: 'Ti.UI.ImageView',
			bindId: 'pic',
			properties: {width: 50,height: 50,left: 0, top: 0,backgroundColor: "#333"}
		},
		{
			type: 'Ti.UI.Label',
			bindId: 'info',
			properties: {font: {fontSize: 20,fontWeight: 'bold'},left: 60,top: 0,}},
		{
			type: 'Ti.UI.Label',
			bindId: 'es_info',
			properties: {font: {fontSize: 14},left: 60,top: 25,}
		}
	]
};

var listView = Ti.UI.createListView({
	templates: {
		'template': myTemplate,
		'myTemplate2': myTemplate2
	},
	//allowsSelectionDuringEditing: true,
	//allowsMultipleSelectionDuringEditing: true,
	editing: true,
	defaultItemTemplate: 'template'
});
var sections = [];

var fruitDataSet = []
for (var i=0;i<10;++i) {
	fruitDataSet.push({ info: {text: 'Apple'}, es_info: {text: 'Manzana'}, pic: {image: img}, properties: { accessoryType: Titanium.UI.LIST_ACCESSORY_TYPE_CHECKMARK}})
}
var fruitSection = Ti.UI.createListSection({ headerTitle: 'Fruits / Frutas', items: fruitDataSet});
sections.push(fruitSection);

var vegDataSet = []
for (var i=0;i<10;++i) {
	vegDataSet.push({ info: {text: 'Carrot'}, es_info: {text: 'Zanahoria'}, pic: {image: img}, properties: {canEdit: true, canMove:true}})
}
var hv = Ti.UI.createView({height: 100,backgroundColor: "#444"});
var vegSection = Ti.UI.createListSection({ headerView: hv, items: vegDataSet});
sections.push(vegSection);

var grainDataSet = [];
for (var i=0;i<10;++i) {
    grainDataSet.push({ info: {text: 'Corn'}, es_info: {text: 'Maiz'}, pic: {image: img}, properties: {template:'myTemplate2'}});
}
var fv = Ti.UI.createView({height: 100,backgroundColor: "#733"});
var grainSection = Ti.UI.createListSection({ headerTitle: 'Grains / Granos', items: grainDataSet, footerView: fv});
sections.push(grainSection);


var dataSet = [];
for (var i=0;i<10;++i) {
    dataSet.push({ info: {text: 'Corn'}, es_info: {text: 'Maiz'}, pic: {image: img}});
}
var grainSection = Ti.UI.createListSection({ headerTitle: 'Grains / Granos', items: dataSet, footerTitle: "footer"});
sections.push(grainSection);

listView.sections = sections;
win.add(listView);
win.open();