mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-17 04:41:36 +08:00
e62acba792
Cocoapods no longer required with @nativescript/core out of the box and users are no longer taxed with MaterialTabs even if they didn't use those components. BREAKING CHANGES If using `BottomNavigation`, just install `@nativescript-community/ui-material-bottom-navigation` and update your imports to use it. API is exactly the same. If using `Tabs`, just install `@nativescript-community/ui-material-tabs` and update your imports to use it. API is exactly the same.
54 lines
2.4 KiB
TypeScript
54 lines
2.4 KiB
TypeScript
import { EventData } from '@nativescript/core/data/observable';
|
|
import { MainPageViewModel } from './main-page-view-model';
|
|
import { Page } from '@nativescript/core/ui/page';
|
|
import { WrapLayout } from '@nativescript/core/ui/layouts/wrap-layout';
|
|
import { isAndroid } from '@nativescript/core/platform';
|
|
|
|
export function pageLoaded(args: EventData) {
|
|
const page = <Page>args.object;
|
|
const wrapLayout = page.getViewById<WrapLayout>('wrapLayoutWithExamples');
|
|
const examples: Map<string, string> = new Map<string, string>();
|
|
examples.set('animation', 'animation/main-page');
|
|
examples.set('action-bar', 'action-bar/main-page');
|
|
examples.set('bindings', 'bindings/main-page');
|
|
examples.set('button', 'button/main-page');
|
|
examples.set('css', 'css/main-page');
|
|
examples.set('dialogs', 'dialogs/main-page');
|
|
examples.set('events', 'events/main-page');
|
|
examples.set('fonts', 'fonts-tests/main-page');
|
|
examples.set('flexbox', 'flexbox/flexbox-main-page');
|
|
examples.set('htmlview', 'html-view/html-view-page');
|
|
examples.set('image-view', 'image-view/main-page');
|
|
examples.set('issues', 'issues/main-page');
|
|
examples.set('layouts', 'layouts/main-page');
|
|
examples.set('list-picker', 'list-picker/main-page');
|
|
examples.set('list-view', 'list-view/main-page');
|
|
examples.set('modalview', 'modal-view/modal-view-page');
|
|
examples.set('page', 'page/main-page');
|
|
examples.set('perf', 'perf/main-page');
|
|
examples.set('scroll-view', 'scroll-view/main-page');
|
|
examples.set('segmented-bar', 'segmented-bar/main-page');
|
|
examples.set('search-bar', 'search-bar/main-page');
|
|
examples.set('tab-view', 'tab-view/main-page');
|
|
examples.set('timePicker', 'time-picker/time-picker-page');
|
|
examples.set('text-field', 'text-field/main-page');
|
|
examples.set('text-view', 'text-view/main-page');
|
|
examples.set('webview', 'web-view/main-page');
|
|
examples.set('progress-bar', 'progress-bar/main-page');
|
|
examples.set('repeater', 'repeater/main-page');
|
|
examples.set('date-picker', 'date-picker/date-picker-page');
|
|
examples.set('nested-frames', 'nested-frames/main-page');
|
|
examples.set('screen-qualifiers', 'screen-qualifiers/main-page');
|
|
page.bindingContext = new MainPageViewModel(wrapLayout, examples);
|
|
|
|
const parent = page.getViewById('parentLayout');
|
|
const searchBar = page.getViewById('textView');
|
|
if (isAndroid) {
|
|
parent.android.setFocusableInTouchMode(true);
|
|
parent.android.setFocusable(true);
|
|
searchBar.android.clearFocus();
|
|
} else {
|
|
parent.style.marginBottom = 10;
|
|
}
|
|
}
|