PercentRelativeLayout, как программно установить высоту

Старый вопрос, но я не видел этого решения нигде, поэтому решил опубликовать его, надеясь, что это поможет кому-то.

Если вы хотите, чтобы стилизировать эти значки SVG, вам может понадобиться для загрузки их необработанным загрузчиком:

webpack.config.js:

 { 
      test: /\.svg$/, 
      loader: 'raw-loader' 
 } 

Импорт в мое представление:

import closeIcon from 'svg/ic_close_black_24px.svg'; 

Шаблон ( Mustache использует 3 скобки для вставки SVG-данных (URL-адресов) в unencoded):

<button id="closeModal">
  {{{closeIcon}}}
</button>

таким образом SVG-данные будут вставлены вместо скобок и будут выглядеть так:

<button id="closeModal">
  <svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
    <path d="M0 0h24v24H0z" fill="none"></path>
  </svg>
</button>

Я использую Backbone с движком шаблонов Mustache с Webpack 2.5.1