Question

我想创建一个字体选择器列表，并根据其代表的列表中的项目字体按照https://codepen.io/visioncan/pen/xLijC设置选择样式。不幸的是，我无法弄清楚如何使它工作，我将样式设置为on，但是无法使用所选字体进行渲染。我还能做些其他的事情来相应地渲染项目吗？

我的代码

1. npm add react-native-camera@git+https://git@github.com/react-native-community/react-native-camera.git
2. npm add react-native-qrcode-scanner

Answer 1

select标签不能为下拉菜单设置样式，因为它不可自定义，您必须使用div ul和li创建自己的自定义

在链接中看到他没有使用并选择标签。

这里是代码使用

<div ng-app="fdApp">
  <div class="font-dropdown" tabindex="1" fd-font-dropdown>
    <span class="label" ng-style="{{'fontslist[selectedIdx].style'}}">{{fontslist[selectedIdx].name}}</span>
  <ul class="dropdown-list">
      <li ng-repeat="font in fontslist" ng-click="changeFont($index)" ng-class="{'sel': $index == selectedIdx}" ng-style="{{font.style}}">
          {{font.name}}
      </li>
  </ul>
  </div>
</div>

下拉菜单上的样式字体选择选项

1 个答案: