Как реализовать пользовательскую метку в StepIndicator в реагировать на нативную - PullRequest
0 голосов
/ 03 июня 2019

Я пытаюсь реализовать StepindIcator в моем приложении. Как я могу отображать суб-метки (пользовательские метки) с метками шага. я думаю, для этого есть renderLabel (), но я не могу его использовать. Я могу динамически печатать метки шагов, текущую позицию и stepCount. Но я сталкиваюсь с проблемой при реализации «пользовательской метки» для каждого шага

ниже - массив, который я должен отобразить.

_activityName -As a Steps Labels
 stepCount= lenght of array 
currentPosition: currentStepPosition.length (count of _activityStatus("I"))
Now I have to display custom steps below the Steps lebels .
("_maxHoldTime" I have to display with _activityName in 2 lines )
for example 
FXL_ACT1
_maxHoldTime: "60"




  currentNextActivity: Array(3)
        0:
        __typename: "CurrentNextActivity"
        _activityName: "FXL_ACT1"
        _activityStatus: "I"
        _maxHoldTime: "60"
        _userName: "tecnotree"

       1:
        __typename: "CurrentNextActivity"
        _activityName: "FXL_ACT2"
        _activityStatus: "I"
        _maxHoldTime: "60"
        _userName: "tecnotree"
        __proto__: Object

        2:
        __typename: "CurrentNextActivity"
        _activityName: "FXL_ACT3"
        _activityStatus: "N"
        _maxHoldTime: "120"
        _userName: null


        StepsVaue:[],
        Steplabels:[],
        currentStepPosition:[]

// here I am pssing currentNextActivity array in StepsVaue .
         StepsVaue = workFlowDetails.currentNextActivity;
      Steplabels = StepsVaue.map(StepsVaue => {
           return StepsVaue._activityName;
    });

    currentStepPosition = StepsVaue.filter((item) => {
      return item._activityStatus === "I"
       });

             <StepIndicator
                customStyles={stepIndicatorStyles}
                currentPosition={currentStepPosition.length}
                stepCount={Steplabels.length}
                labels={Steplabels}
                renderLabel={}
                direction="vertical"
                  />

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...