Ввод файла с помощью FAB - PullRequest
Новая
       25

Ввод файла с помощью FAB

1 голос
/ 21 июня 2019

Я использую @ ионная реакция . Это очень удобно.

Что мне интересно, так это как использовать файл типа ввода html с IonButton или IonFabButton , чтобы иметь внешний вид этого элемента Ionic вместо элемента файла ввода html типа?

Согласно документации, компонент IonInput предназначен для ввода текста типа *.

Он предназначен только для ввода текста type, например "text", "password", "email", "number", "search", "tel" и "url". Он поддерживает все стандартные события ввода текста, включая нажатие клавиш, нажатие клавиш, нажатие клавиш и многое другое.

Демонстрация кода, который я пробовал: 

     <IonFab slot="fixed" vertical="bottom" horizontal="end">

        <IonFabButton>
            <IonIcon name="add" />
        </IonFabButton>

        <IonFabList side="top">

            <IonFabButton color="primary">
                <IonIcon name="document" />
                <input type="file" onChange={appendScene} hidden style={{opacity: 0, width: "1px", height: "1px"}}/>
                <IonInput readonly></IonInput>
            </IonFabButton>

            <IonFabButton color="secondary">
                <IonIcon name="folder" />
            </IonFabButton>

        </IonFabList>

      </IonFab>
...