React原生-需要未知模块

我一直在尝试在ListView中加载本地图像文件。

当我硬编码时，它确实工作:

return <Image source={require('./public/image1.png')} style={{width: 60, height: 60}}/>

但是，当我像这样读取图像的路径时，它不起作用:

var path = rowData.thumbnail;
console.log(path); // './public/image1.png'
return <Image source={require(path)} style={{width: 60, height: 60}}/>

或者像这样:

return <Image source={require(rowData.thumbnail)} style={{width: 60, height: 60}}/>

显示错误信息，

需要未知模块"'./public/image1.png'"。如果你确定模块在那里，试着重新启动打包程序或运行"npm install"。

你能给我一个建议从对象中读取路径吗?我附上了完整的代码如下。提前谢谢你。

class MyClass extends Component {
  constructor(props) {
    super(props);
    const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
    let data = importedData.map(function(d) {
      return {
        thumbnail: "'./public" + d.thumbnail + "'"
      }
    });
    this.state = {
      dataSource: ds.cloneWithRows(data)
    };
  }
  renderRow(rowData) {
    var path = rowData.thumbnail;
    return <View style={{flex: 1, flexDirection: 'row'}}>
      <Image source={require(path)} style={{width: 60, height: 60}}/>
    </View>
  }
  render() {
    return (
      <View style={{paddingTop: 22}}>
        <ListView
          dataSource={this.state.dataSource}
          renderRow={this.renderRow}
        />
      </View>
    );
  }
}