Titanium Android module: Add a view to a BottomNavigation

Related tags

Kotlin Projects ti.bottomNavView
Overview

ti.bottomNavView

Titanium Android module that allows you to add a custom view to a BottomNavigation:

Install

<module>ti.bottomNavView</module>

Method

  • require("ti.bottomNavView").addViewToBottomNav(view, tabgroup);

Example

<Alloy>
  <TabGroup style="Titanium.UI.Android.TABS_STYLE_BOTTOM_NAVIGATION" onOpen="onOpenTabs" id="tabgroup">
  		<Tab id="tab1" title="Home">
  			<Window />
  		</Tab>
  		<Tab id="tab2" title="Chat">
  			<Window />
  		</Tab>
  		<Tab id="tab3" title="Friends">
  			<Window />
  		</Tab>
  		<Tab id="tab4" title="">
  			<Window />
  		</Tab>
  	</TabGroup>
</Alloy>

function onOpenTabs(e) {
	var v_outer = Ti.UI.createView({
		touchEnabled: false
	});
	var v = Ti.UI.createView({
		width: 40,
		height: 40,
		borderRadius: 20,
		backgroundImage: "/images/appicon.jpg",
		right: 20
	});
	v_outer.add(v);

  require("ti.bottomNavView").addViewToBottomNav(v_outer, $.tabgroup);
}

$.tabgroup.open();

Hyperloop

For a hyperloop version check tidev/titanium_mobile#13423

Author

You might also like...
Add page & limit as GET parameter to get all titans data in a paginated format

Add page & limit as GET parameter to get all titans data in a paginated format (default values : page=1 and limit=3). Here the page param is the page number which you require and limit is the maximum number of items per page. Sample Request :

krishna chaitanya 1 Jan 31, 2022
Kotlin extension function provides a facility to "add" methods to class without inheriting a class or using any type of design pattern

What is Kotlin Extension Function ? Kotlin extension function provides a facility to "add" methods to class without inheriting a class or using any ty

mohsen 21 Dec 3, 2022
Use Android Data Binding wih Live Data to glue View Model and Android

Gruop-C Spliff Summary Use Android Data Binding wih Live Data to glue View Model and Android. Asynchronous communications implemented with KotlinX Cor

null 2 Nov 21, 2021
Android Custom View Accessibility

CustomFanController - Solution Code Creates a circular fan control dial that offers multiple selections marked by numeric indicators: 0 for off, 1 for

Atıl Samancıoğlu 7 Dec 28, 2022
An Android app where you can view and examine the details of fast food divided into categories.
An Android app where you can view and examine the details of fast food divided into categories.

🍔 FastFood An Android application where you can view and examine the details of fast food divided into categories. 🛠 Tech Stack & Open-Source Librar

Muhammed Esad Cömert 3 Oct 7, 2022
A basic library that enables easy composition of gesture sequence recognition on a view

GestureSequence A basic library that enables easy composition of gesture sequence recognition on a view. Basic API looks like: // Perform action() whe

Paul Klauser 8 Nov 2, 2022
A custom view for rating which easy to make and use, but function is excellent
A custom view for rating which easy to make and use, but function is excellent

QRatingView A custom view for rating which easy to make and use, but function is excellent Effect Picture Properties declare-styleable name="QRat

QCoder 1 Dec 3, 2021
Clean MVVM with eliminating the usage of context from view models by introducing hilt for DI and sealed classes for displaying Errors in views using shared flows (one time event), and Stateflow for data

Clean ViewModel with Sealed Classes Following are the purposes of this repo Showing how you can remove the need of context in ViewModels. I. By using

Kashif Mehmood 22 Oct 26, 2022
Tweaks - A customizable debug screen to view and edit flags that can be used for development
Tweaks - A customizable debug screen to view and edit flags that can be used for development

A customizable debug screen to view and edit flags that can be used for developm

Telefónica 10 Jun 28, 2022
Releases(1.0.0)
Owner
Michael Gangolf
📱 App & Web developer. Using Appcelerator Titanium, JS, HTML, CSS, PHP, Wordpress/Elementor and much more #tidev #wordpress #elementor #titanium
Michael Gangolf
GitHub
For Kotlin with SpringBoot project that have multi-module-structure template

Goals kotlin + spring-boot + gradle + multi-module building Module-Structure ---root |--- src.main.kotlin.KotlinSpringbootMultiModuleTemplateAppl

pguma 1 Jul 24, 2022
FragmentContainerViewIdBugDemo - minimal repro project demonstrating a bug in FragmentContainerView's id check logic in the context of a dynamic feature module

FragmentContainerViewIdBugDemo minimal reproduce project demonstrating an apparent bug in FragmentContainerView's id check logic in the context of a d

null 0 Jan 5, 2022
A complete Kotlin application built to demonstrate the use of Modern development tools with best practices implementation using multi-module architecture developed using SOLID principles

This repository serves as template and demo for building android applications for scale. It is suited for large teams where individuals can work independently on feature wise and layer wise reducing the dependency on each other.

Devrath 11 Oct 21, 2022
Purpose of this is to learn to create audit trail module.

Redis Trail An effective audit trail solution can be crucial to an organization's security and data integrity as it can help find the who, what, and w

Soramitsu Khmer Labs 3 Sep 20, 2022
YAML-based source-based kotlin module descriptors

kproject - Liberate your Kotlin projects YAML-based source-based kotlin module descriptors that runs on top of gradle. Define your kotlin multiplatfor

KorGE Game Engine & Korlibs 16 Jan 31, 2023
Add screenshots to your Android tests

Testify — Android Screenshot Testing Add screenshots to your Android tests Expand your test coverage by including the View-layer. Testify allows you t

Shopify 222 Dec 26, 2022
Add Bubble Navigation Bar in Android Jetpack Compose.

BubbleNavigationBarCompose How it looks Setup Open the file settings.gradle (it looks like that) dependencyResolutionManagement { repositoriesMode

Emir Demirli 11 Jan 5, 2023
Add Expandable Horizontal Pager in Android Jetpack Compose.

ExpandableHorizontalPagerCompose Add Expandable Horizontal Pager in Android Jetpack Compose. How it looks Usage BoxWithConstraints( modifier = Mod

Emir Demirli 15 Jan 15, 2023
Add Ios Swipe Search TextField Component in Android Jetpack Compose.

IosSwipeSearchCompose Add Ios Swipe Search TextField Component in Android Jetpack Compose. How it looks Usage val text = remember { mutableStateOf("")

Emir Demirli 11 Jan 9, 2023
Starterexpert - Given an array of integers nums and an integer target, return indices of the two numbers such that they add up to target

TwoSum Given an array of integers nums and an integer target, return indices of

Praveen Kumar Kumaresan 0 Jan 17, 2022