ui/qml/widgets/ContactList.qml

import QtGraphicalEffects 1.0
import QtQuick 2.7
import QtQuick.Controls 2.4
import QtQuick.Controls.Material 2.0
import QtQuick.Layouts 1.3

ColumnLayout {
	id: root


	MyProfile{
		id: myprof
	}

	Flickable { // CONTACT LIST
		id: sv
		//Layout.alignment: Qt.AlignLeft | Qt.AlignTop
		clip: true
		Layout.minimumHeight: 100
		//Layout.maximumHeight: parent.height - 30
		Layout.fillHeight: true
		Layout.minimumWidth: parent.width
		Layout.maximumWidth: parent.width
		contentWidth: colContacts.width
		contentHeight: colContacts.height
		boundsBehavior: Flickable.StopAtBounds
		maximumFlickVelocity: 400


		ScrollBar.vertical: ScrollBar {
			policy: ScrollBar.AlwaysOn
		}

        ColumnLayout {
			id: colContacts
			width: root.width
			spacing: 0


			Connections { // ADD/REMOVE CONTACT ENTRIES
				target: gcd

				onAddContact: function(name, onion, server, image, badge, trusted) {
					contactsModel.append({
						"n": name,
						"o": onion,
						"s": server,
						"i": image,
						"b": badge,
						"t": trusted
					})
				}
			}

			ListModel { // CONTACT OBJECTS ARE STORED HERE ...
				id: contactsModel
			}


			Repeater {
				model: contactsModel // ... AND DISPLAYED HERE
				delegate: Contact{
					nick: n
					onion: o
					server: s
					image: i
					badge: b
					isTrusted: t
				}
			}
		}
	}
}