Как дать ширину TabViewItem в Nativescript?

Question

Я хочу реализовать что-то подобное выше, где вкладка камеры имеет меньшую ширину по сравнению с вкладкой других в TabView.

Я сделал тривкладки того же размера, но я не знаю, как добавить еще одну вкладку, но с меньшей шириной.

Answer 1

Вам нужно будет обновить ширину собственного вида, который содержит камеру в макете вкладки. Приведенный ниже код позволяет макету брать только ту ширину, которая требуется для отображения содержимого внутри.

const view = nativeTabView.getChildAt(i),
                layoutParams = view.getLayoutParams();

            layoutParams.weight = 0;
            layoutParams.width = android.widget.LinearLayout.LayoutParams.WRAP_CONTENT;
            view.setLayoutParams(layoutParams);

Образец игровой площадки

Вышеприведенный пример написан на NativeScript Core / TypeScript, вам не нужно ничего специально делать, если вы реализуете это в Vue / Angular, просто используйте соответствующий синтаксис привязки событий, вам должно быть хорошо.