어떻게 이런 <em>nativescript</em>에 <em>진행</em> 구성 요소의 높이를 변경하기 위해 노력하고있어 NativeScript

Question

에서 진행 구성 요소의 높이를 변경합니다. 이 구성 요소의 높이를 어떻게 변경합니까?

Answer 1

네이티브 컨트롤에서 spcific로 인해 height 속성을 사용하여 ProgressBar의 높이를 변경할 수 있습니다. 그러나 NativeScript의 장점 중 하나는 iOS와 Android 모두에 대한 기본 API에 직접 액세스 할 수 있다는 것입니다. 그래서 여기에 약간의 연구가 끝나면 기본 스케일을 어떻게 바꿀 수 있었는지 (더 나은 접근법이있을 수 있습니다 - 이것은 내가 가장 짧은 것 중 하나입니다).

타이프 예 :

뒤에 코드에서 진행률 표시 줄에 대한 참조를 얻기 위해 laoded 이벤트를 사용합니다. 액세스 뒤에 코드에서 다음

<Progress minValue="0" maxValue="100" value="25" loaded="onProgressLoaded"/> 

기본 컨트롤

전체 데모 애플리케이션을 찾을 수

import { Progress } from 'ui/progress'; 
import { isAndroid, isIOS } from "platform" 

declare let CGAffineTransformMakeScale: any; // or use tns-platform-declarations instead of casting to any 


export function onProgressLoaded(args: EventData) { 

    let progress = <Progress>args.object; 

    if (isAndroid) { 
     progress.android.setScaleY(5); // progress.android === android.widget.ProgressBar 
    } else if (isIOS) { 
     let transform = CGAffineTransformMakeScale(1.0, 5.0); 
     progress.ios.transform = transform; // progress.ios === UIProgressView 
    } 

} 

here